공부/공부(코딩)

자바스크립트의 배열 노트정리

Quill 2018. 2. 3. 12:03



// 우선 배열 생성하자.


var 레드벨벳 = ['웬디', '슬기', '조이', '아이린', '이명박']; 


// 배열자료형.pop()는 무조건 배열의 마지막 자료를 없앤다.

// 배열자료형.push()는 무조건 배열의 마지막에 자료를 추가한다.

// 배열자료형.shift() 하면 맨 앞에 자료 하나를 빼고 당긴다.

// 배열자료형.unshift() 모든 자료를 뒤로 밀고 맨 앞에 자료 하나를 새치기 시키는 것이다.


레드벨벳.pop();

레드벨벳.push("아이유");

레드벨벳.shift();

레드벨벳.unshift("수지");


// 이제  배열 속 각 멤버에 접근 해보자. 먼저 전통적 for문 스타일을 써보자.


for(var i = 0 ; i < 레드벨벳.length ; i++)

    {        console.log(레드벨벳[i]);       }


// 이번엔 배열 속 각 멤버에 접근하는 방법 중 현대적 forEach문 스타일을 써보자


레드벨벳.forEach(

    function(item, index){

        console.log(  '배열원소 ' + index + ': ' + item )

    });


/*  결과 : 

    배열원소 0: 수지 

    배열원소 1: 슬기 

    배열원소 2: 조이 

    배열원소 3: 아이린 

    배열원소 4: 아이유 */


/*  배열의 자료를 수정해보자. delete 를 사용하면 바로 지워지긴하는데 그 자리에 None이 채워져서 이가 빠진다. 공백을 없이 배열의 중간에 위치한 자료들을 삭제 및 추가하는 것에 필요한 명령어가 바로 .splice이다. */


var ses = [  '하늘', '물', '바람'  ];

delete ses[0];

ses.splice(1,0,"해당 인덱스 앞으로 고고"); 

// *배열자료형*.splice( *새치기할 인덱스* , *지울 수량*  , *넣을 것* )

console.log(ses);  

// 출력 결과 >> [ <1 empty item>, '해당 인덱스 앞으로 고고', '물', '바람' ]



반응형