배열

배열(Array)

연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입 입니다.

var member = ['peng', 'korea', 'chobs']
console.log(member[0]); // index: 0
console.log(member[1]); // index: 1
console.log(member[2]); // index: 2
//'peng', 'korea', 'chobs'

하나의 변수에 데이터 3개를 담았고 이 데이터를 원소라고 합니다.
배열에 담겨있는 값을 가져올 때는 index 값으로 배열의 순번을 지정하여 배열 값을 가져 옵니다.

 

return 배열

function get_members(){
    return ['peng', 'korea', 'chobs'];
}
var members = get_members();
document.write(members[0]); //peng
document.write(members[1]); //korea
document.write(members[2]); //chobs

함수는 하나의 리턴값 하나의 출력할 수 있는데 배열로 리턴을 하면 여러 개의 값을 리턴할 수 있습니다.

 

배열과 반복문

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 />');
}

반복문으로 리스트에 담긴 정보를 하나씩 꺼내어 처리 할 수 있습니다.
그리고 반복문을 이용하면 배열 요소가 정의된 만큼만 요소에 접근 할수 있습니다. 

 

배열의 크기

var arr = [1, 2, 3, 4, 5];
alert(arr.length);

배열.length 를 통해 배열의 크기를 알수 있다.

 

배열의 조작

push

인자로 전달된 값을 배열(li)에 추가한다.

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

concat

인자로 전달된 값을 추가한다.

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

unshift

배열의 시작점에 원소를 추가한다.

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

splice

첫번째 인자에 해당하는 원소부터 두번째 인자에 해당하는 원소의 숫자만큼 값을 배열로부터 제거한뒤 리턴한다.
그리고 제거한 원소의 자리에 세번째 인자의 값을 넣는다.

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

 

배열의 정렬

sort

배열을 정렬하는 메서드는 .sort() 함수입니다.

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

reverse

역순으로 정렬하고 싶을 때는 .reverse() 함수를 사용합니다.

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

 

출처 : https://opentutorials.org/course/743/4736

배열 - 생활코딩