본문 바로가기

제가 쓴 책/HTML5, CSS3 and JavaScript171

6.4.2 pop(), shift() 메서드를 이용한 데이터 삭제 6.4.2 pop(), shift() 메서드를 이용한 데이터 삭제 배열에서 데이터를 삭제하려면 보통 pop(), shift() 메서드를 이용하며 그 사용 형식은 다음과 같습니다. array.pop()array.shift() 첫 번째 pop() 메서드는 배열의 마지막 요소를 제거하는데 사용하는 메서드로 삭제되는 요소를 반환합니다. 다음으로 shift() 메서드는 배열의 첫 번째 요소를 제거하는데 사용하는 메서드로 삭제되는 요소를 반환합니다. 메모장으로 “unshiftEx.html”을 열고 블록 내 코드를 다음과 같이 변경합니다. 참고로 위에서 보는 것처럼 배열 변수 자체를 write() 메서드에 명시해주면 해당 배열 변수의 모든 요소값을 출력할 수 있습니다. 이제 다른 이름으로 저장을 선택하여 “popsh.. 2013. 8. 6.
6.4 배열(Array)의 주요 메서드(Method) 6.4 배열(Array)의 주요 메서드(Method) 배열에서 사용할 수 있는 메서드는 여러 가지 형태가 존재하는데 데이터 추가, 삭제, 추출, 정렬 등과 같이 그 기능별로 구분하여 사용할 수 있는 메서드가 어떤 것들이 있는지 그리고 어떻게 사용할 수 있는지 알아봅니다. 먼저 데이터 추가부터 시작합니다. 6.4.1 concat(), push(), unshift() 메서드를 이용한 데이터 추가 배열에 데이터를 추가하는데 concat(), push(), unshift() 메서드를 이용하여 다음과 같은 형식을 사용합니다. array.concat(x, [y , z, …]); array.push(x, [y, z, …]); 먼저 concat()메서드는 기존의 배열(array)에 x를 추가하거나, x, [y, z, .. 2013. 8. 6.
6.3 배열(Array)의 속성(Property) 6.3 배열(Array)의 속성(Property) 배열(Array) 객체는 다음과 같이 3개의 속성(Property)를 가지고 있으며 이를 통해 배열의 포함된 요소의 개수를 구하거나 새로운 속성 및 메서드를 추가하여 배열을 확장하여 사용할 수 있습니다. 속성 설명 constructor 배열을 생성하는 함수(function)을 나타냄 length 배열에 포함된 요소의 길이, 즉 요소 수를 의미함 prototype 배열에 속성(property)나 메서드(Method)를 추가하여 사용 메모장을 열어서 다음과 같이 코드를 작성합니다. … “arrayProperty.html”으로 저장하고 IE9을 통해 보면 다음과 같이 Array의 constructor, length 속성을 나타냅니다. 결과로 봐서는 배열의 le.. 2013. 8. 6.
6.2 생성된 배열(array)에 저장된 데이터 접근 및 출력 6.2 생성된 배열(array)에 저장된 데이터 접근 및 출력 여러분이 배열을 생성한 후 생성된 배열에 저장된 각 요소들, 즉 데이터들에 대하여 접근하는 방법은 일반적으로 인덱스 번호를 이용하여 “배열이름[인덱스번호]”의 형태로 접근이 가능합니다. 예를 들어 shoppingItems 배열이 3개 요소(데이터)가 저장되어 있다고 가정합니다. var shoppingItems = new Array(3); shoppingItems[0] = “페레가모 안경”; shoppingItems[1] = “노트북”; shoppingItems[2] = “DSLR”; shoppingItems 배열을 이해하기 쉽게 나타내면 다음과 같이 연속적인 리스트 형태로 나타낼 수 있습니다. 위에서 shoppingItems 배열의 “페레가모.. 2013. 8. 6.

티스토리툴바