차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판다음 판 | 이전 판 | ||
| tech:javascript [2019/12/22 03:12] – [배열] 59.15.69.74 | tech:javascript [2022/10/20 15:25] (현재) – [예제] V_L | ||
|---|---|---|---|
| 줄 226: | 줄 226: | ||
| array 정의 및 값 설정은 다음과 같은 세 가지 방법이 있다. | array 정의 및 값 설정은 다음과 같은 세 가지 방법이 있다. | ||
| - | | + | var cars = new Array(); |
| - | | + | |
| - | | + | |
| + | | ||
| + | var cars = new Array(" | ||
| + | var cars = [" | ||
| + | |||
| + | 배열안의 요소는 대괄호 []를 이용해서 접근한다. | ||
| + | |||
| + | 배열의 요소는 변수, 객체, 함수 등이 될 수 있다. | ||
| + | 배열에 함수를 넣고 실행하는 것은 다른 언어에서는 볼 수 없는 특성이다. | ||
| + | |||
| + | var car[2]=function(a, | ||
| + | console.log( car[2](10, | ||
| + | |||
| + | |||
| + | 배열의 요소에 하나씩 접근하는 방법은 for 반복문을 사용하면 된다. | ||
| + | |||
| + | for (var i=0; i< cars.length; | ||
| + | console.log( car[i] ); | ||
| + | } | ||
| + | |||
| + | forEach **메소드**를 사용할 수도 있다. | ||
| + | 메소드 이므로, 파라메터로 작동할 함수를 전달한다. | ||
| + | |||
| + | cars.forEach( function(item, | ||
| + | console.log( item ); | ||
| + | } | ||
| + | ) | ||
| + | |||
| + | index는 각 요소의 인덱스 값이다. | ||
| + | |||
| + | 배열의 메소드 | ||
| + | |||
| + | | push() | 끝에 추가 | | ||
| + | | pop() | 맨끝의 요소 삭제 | | ||
| + | | unshift() | 앞에 추가 | | ||
| + | | shift() | 맨앞의 요소 삭제 | | ||
| + | | splice() | 배열의 요소 삭제, 추가 | | ||
| + | | slice() | 배열의 일부 요소를 복제 | | ||
| + | |||
| + | 배열의 중간에 있는 요소를 지우려면 delete 키워드를 사용한다. (메소드 아님) | ||
| + | |||
| + | delete cars[1]; | ||
| + | 이 경우 요소는 삭제되지만, | ||
| + | 아예 공간까지 없애버리는 splice() 메소드를 사용하면 된다. | ||
| + | |||
| + | cars.splice(1, | ||
| + | |||
| + | car.splice(1, | ||
| + | |||
| + | |||
| =====객체===== | =====객체===== | ||
| 줄 544: | 줄 594: | ||
| http:// | http:// | ||
| - | ^ 누구나 수정하실 수 있습니다. [[http:// | ||
| - | |||
| - | |||
| - | |||
| + | [[javascript post]] | ||