본문 바로가기
학습 log (이론)/javascript

'배열' 자바스크립트 기초 #4

by abbear25 2016. 10. 12.

생성

var arr = ['one', 'two', 'three'];

*생성자 함수 사용가능

 var arr = new Array(3);

길이가 3인 배열 생성

 var arr = new Array(1, 2, 3);

다음 3개의 값으로 초기화시켜서 배열 생성


접근

var result = arr[0];


원소 추가

arr[0] = 100; 

arr[1] = 'my array';

arr[4] = 500;

*자바스크립트 배열은 자료형이 정해져있지 않아서 아무값이나 다 넣을 수 있음


delete, 원소 삭제

delete arr[2];

*실제 원소 자체는 제거하지 않고 undefined 할당



push(), 맨 끝에 값 추가

arr.push('illua');

맨 마지막 [배열 번호] + 1의 위치에 값을 추가

*만약 arr.length = 4; 이면

4의 위치에 값을 넣어주고 arr.length는 1증가하여 5가 됨

결론적으로 맨 마지막에 값을 넣고 길이를 1씩 증가 시킴


pop(), 맨 끝에 값 삭제

arr.pop()

맨 마지막 값을 출력과 함께 제거


unshift(), 맨 앞에 값 추가

arr.unshift('illua');


shift(), 맨 앞 요소 삭제

arr.shift();


splice(index, removeCount), 원소 완전 삭제 또는 추가

원소 완전 삭제

arr.splice(2, 1); 

index번호 2

즉, 3번째 요소를 시작점으로 1개의 원소 완전 삭제

three가 제거됨과 동시에 length -1


원소 추가

arr.splice(2, 0, {'illua', 40});

3번째 요소를 시작점으로 0개의 원소를 선택한 뒤에

추가하고 싶은 값을 나열


slice(index, copyCount), 여러 개의 값을 잘라내어 새로운 배열 객체로

arr.slice(2, 4);

index번호 2

즉, 3번째 요소를 시작점으로 2개(copyCount)의 원소를 가져와서

새로운 배열 객체로 생성

즉, 배열 값이 2개인 배열을 새로 생성


length, 배열길이 확인

var result = arr.length

결과값 : 5

*마지막 추가된 [배열 번호] + 1의 크기를 반환 한다

*배열의 길이를 제한할 수 있음

arr.length = 4;


join, 배열을 문자열로 변경

arr.join();

결과값 :  one,two,three



반응형