자바스크립트 배열에서 새로운 요소를 추가 하는 방법
1. push()를 사용하여 배열 마지막에 요소 추가하기.
push()함수는 배열 제일 마지막에 새로운 요소를 추가 한다. 비슷한 함수인 pop()은 제일 마지막 요소를 제거 합니다.
예제코드
var arr = ["hello", "world"]; list.push("javascript"); ["hello", "world", "javascript"] // result
여러개를 한번에 추가할 수 있습니다.
var list = ["hello", "javascript"]; list.push("angular", "react", "vue"); ["hello", "javascript", "angular", "react", "vue"] // result
2. unshift()를 사용하여 배열 제일 앞에 요소 추가하기.
unshift()함수는 배열 제일 앞에 요소를 추가한다. 비슷한 함수인 shift()는 배열의 제일 앞의 요소를 제거 한다.
예제코드
var arr = ["hello", "world"]; list.unshift("javascript"); ["javascript", "hello", "world"] // result
여러개를 한번에 추가 할 수도 있습니다.
3. splice()함수를 이용하여 배열 중간에 요소 추가하기.
splice()함수는 기존 배열의 요소를 제거하거나 새로운 요소를 추가한다.
예제코드
var list = ["hello", "world"]; list.splice( 1, 0, "javascript"); // 1번째 인덱스의 0개의 요소를 제거하고 그 자리에 "javascript" 요소를 추가한다. // "world"요소는 자동으로 2번째 인덱스로 이동 된다. ["hello", "javascript", "world"] // result
4. concat()함수를 이용하여 새로운 배열을 추가하기.
concat()함수는 배열과 인수에 포함된 배열이 합쳐진 새로운 배열을 반환한다.
예제코드
var list = ["hello", "world"]; var newlist = list.concat( ["hello1", "world1"] ); ["hello", "world", "hello1", "world1"] // 새로운 배열을 반환
5. 배열 인덱스에 직접 할당하기
예제코드
var list = ["hello", "world"]; list[2] = "javascript"; ["hello", "world", "javascript"] //결과 list[list.length] = "!!!!"; ["hello", "world", "javascript", "!!!!"] //결과
여러가지 매서드를 활용하여 배열을 가지고 놀아보자.
'HTML+CSS+자바스크립트' 카테고리의 다른 글
checkbox 의 checked 속성 (0) | 2017.11.27 |
---|---|
HTML에서 특수문자 사용하기 (0) | 2017.11.23 |
favicon 만들어 적용하기. (0) | 2017.11.19 |
[jQuery]closest()를 이용하여 Element 복사하기 (0) | 2017.11.19 |
자바스크립트 문자열 자르기 (0) | 2017.11.19 |