배열 (Array)

배열 (Array)


프로그래밍을 하다보면 많은 변수와 데이터를 선언하고 작성하게 될것이다.

배열은 이렇게 많은 데이터중 연관되있는 데이터를 담아내는 그릇이라고 생각 할 수 있다.

// 배열의 생성 방법
var array = []; 
// 변수와 []을 사용하여 배열을 생성한다.

var member = ['egoing', 'k8805', 'sorialgi']
alert(member[0]);   = egoing
alert(member[1]);   = k8805
alert(member[2]);   = sorialgi

여러개의 값을 member로 선언할 수 있다.

function get_members(){
    return ['egoing', 'k8805', 'sorialgi', 'computer', 'beak'];
}

var members = get_members();
for(var i = 0; i < members.length; i++){
    document.write(members[i].toUpperCase()+"<br />");
}

함수 , 배열 , 변수 , 반복문을 통해 배열의 담김 각각의 값을 뽑아 낼 수 있다.

push / unshift


  • push (뒤쪽에 값을 추가한다.)
  • unshift (앞쪽에 값을 추가한다.)
var a = ['a', 'b'];
a.push('c');  //  a = ['a', 'b', 'c'];
a.unshift('c'); // a= ['c', 'a', 'b'];

slice (start , end)


slice() 메소드는 start부터 end 전까지의 복사본을 새로운 배열 객체로 반환한다.
즉, 원본 배열은 수정되지 않는다.

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var arr1 = arr.slice(3, 5);         // [4, 5]
var arr2 = arr.slice(undefined, 5); // [1, 2, 3, 4, 5]
var arr3 = arr.slice(-3);           // [8, 9, 10]
var arr4 = arr.slice(-3, 9);        // [8, 9]
var arr5 = arr.slice(10);           // []
var arr6 = arr.slice(4);            // [5, 6, 7, 8, 9, 10]
var arr7 = arr.slice(undefined);    // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var arr8 = arr.slice(5, -4);        // [6]
var arr9 = arr.slice(2, 15);        // [3, 4, 5, 6, 7, 8, 9, 10]

splice (start, deleteCount, item1, item2)


splice() 메소드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여
배열의 내용을 변경한다.
이 메소드는 원본 배열 자체를 수정한다.

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

var arr1 = arr.splice(10, 2, 'a', 'b', 'c');
console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "a", "b", "c"]
console.log(arr1); // [11, 12]

제거(shfit, pop)​


a.shift(); = 맨 앞에 값을 제거
a.pop(); = 맨 뒤에 값을 제거 ​

정렬(sort,reverse)​


a.sort(); = 정해진 순서대로 정렬
a.reverse(); = 순서를 반대로 정렬

Leave a comment