자바스크립트 배열 정리

생활코딩에서 자바스크립트 강의를 들으며 정리한 내용이다.

 

 

배열의 생성

var member = ['egoing', 'k8805', 'sorialgi']

대괄호 안에 데이터를 넣고 콤마로 구분한다.

alert(member[0]);

을 입력하면 'egoing'이 경고창으로 출력된다.

 

function get_members(){
    return ['egoing', 'k8805', 'sorialgi'];
}
members = get_members();
// members.length는 배열에 담긴 값의 숫자를 알려준다. 
for(i = 0; i < members.length; i++){
    // members[i].toUpperCase()는 members[i]에 담긴 문자를 대문자로 변환해준다.
    document.write(members[i].toUpperCase());   
    document.write('<br />');
}

toUpperCase()

내장함수, 대문자로 변환해준다.

alert(a.length);

a안에 담긴 값을 알려준다.

배열의 추가

var li = ['a', 'b', 'c', 'd', 'e'];
li.push('f');
alert(li);

배열.push()

배열에 값을 추가한다.

 

var li = ['a', 'b', 'c', 'd', 'e'];
li = li.concat(['f', 'g']);
alert(li);

배열.concat(배열)

복수의 원소를 배열에 추가한다.

 

var li = ['a', 'b', 'c', 'd', 'e'];
li.unshift('z');
alert(li);

배열.unshift()

배열 맨 앞자리에 원소를 추가한다.

 

var li = ['a', 'b', 'c', 'd', 'e'];
li.splice(2, 0, 'B');
alert(li);

배열.splice(2,0,'B')

첫번째 인자에 해당하는 원소부터 두번째 인자에 해당하는 원소의 숫자만큼의 값을 배열로부터 제거한 후에 리턴

세번째 인자부터 전달된 인자들을 첫번째 인자의 원소 뒤에 추가

=>2번째 인덱스에 B를 추가한다.

만약 li.splice(2,1,'B')일 경우에는 2번째 인덱스에 있는 원소를 제거하고 B를 추가하므로 a,b,B,d,e가 된다.

 

배열의 제거, 정렬

var li = ['a', 'b', 'c', 'd', 'e'];
li.shift();
alert(li);

배열.shift()

첫번째 원소를 제거한다.

 

var li = ['a', 'b', 'c', 'd', 'e'];
li.pop();
alert(li);

배열.pop()

마지막 원소를 제거한다.

 

var li = ['c', 'e', 'a', 'b', 'd'];
li.sort();
alert(li);

배열.sort()

원소들을 정렬한다.

결과는 a,b,c,d,e다.

역순으로 정렬하려면 배열.reverse()를 사용한다.