배열 (array)

*배열(array)

기본 문법

var arr = [];

 

활용

1번

var fruits = [];
fruits[0] = '사과';
fruits[1] = '배';
fruits[2] = '바나나';


2번

var fruits = ['사과', '배', '바나나'];

 

주의 - 배열의 첫번째는 '0' 부터 시작한다.

ex) 사과를 선택하려면  1번이 아닌 0으로 선택함

순서            0       1       2
var fruits = ['사과', '배', '바나나'];

---------------------------------------

var fruits = ['사과', '배', '바나나'];
                
document.write(fruits,'<br>');
document.write(fruits[0]);


값
사과,배,바나나
사과

 

*배열의 길이 (length)

var fruits = ['사과', '배', '바나나'];
                
var amount = fruits.length;
document.write(amount);


값
3

 

*배열 사이에 삽입 (join)

var fruits = ['사과', '배', '바나나'];

var newStr = fruits.join('/');
document.write(newStr);


값
사과/배/바나나

 

*배열 뒤쪽부터 출력 (reverse)

var fruits = ['사과', '배', '바나나'];

var newArr = fruits.reverse();
document.write(newArr);


값
바나나,배,사과

 

*배열 붙이기 (concat)

var fruits = ['사과', '배', '바나나'];
var animals = ['사자', '호랑이', '곰'];


//읽기         과일배열에.붙인다(동물배열)
var newArr3 = fruits.concat(animals);
document.write(newArr3,'<br>');


값
사과,배,바나나,사자,호랑이,곰

 

*글자 순으로 배열 (sort)

var fruits = ['사과', '배', '바나나'];
var animals = ['사자', '호랑이', '곰'];

var newArr3 = fruits.concat(animals);
var newArr2 = newArr3.sort();

document.write(newArr3,'<br>');
document.write(newArr2,'<br>');


값
기존의 [사과,배,바나나,사자,호랑이,곰] 배열이

곰,바나나,배,사과,사자,호랑이

가나다 순으로 정렬

 

*잘라내서 출력(slice) -원본유지-

var fruits = ['사과', '배', '바나나', '딸기'];

var newSl = fruits.slice(1,3);
document.write(newSl,'<br>');


값
배,바나나

주의 - slice는 원본을 유지한다.

         slice 1,3을 했을경우 인덱스 번호의 1번에서 3번 앞까지만 자른다.

         0번 사과 / 1번 배 / 2번 바나나 || / 3번 딸기에서

        인덱스 번호 1번과 2번 그리고 3번 앞까지만 자른다.

 

 

*원본을 잘라서 출력(splice) -원본손상-

 

var fruits = ['사과', '배', '바나나', '딸기'];

var newSp = fruits.splice(1,3);
document.write(newSp,'<br>');


값
배,바나나,딸기

주의 - slice와 다르게 splice는 원본을 손상시킴.

        그리고 인덱스 번호의 1번 부터 3번까지 '모두' 출력.

        즉 fruits의 원본 배열인 [사과, 배, 바나나, 딸기]에서

        [배, 바나나, 딸기]를 잘라냈기때문에 원본은 [사과] 만남고,

        splice는 [배, 바나나, 딸기]를 출력한다.

 

 

 

*배열 추가하기(push) - 기존값 '뒤'에 추가

var beers = ['하이네켄', '카스', '하이트', '스텔라', '맥주'];

beers.push('수제맥주', '제주비어');
document.write(beers);


값
기본 배열인 하이네켄, 카스, 하이트, 스텔라, 맥주 에
수제맥주, 제주비어를 추가한다.

결과 - 하이네켄,카스,하이트,스텔라,맥주,수제맥주,제주비어 

 

 

*배열 추가하기(unshift) - 기존값 '앞'에 추가

var beers = ['하이네켄', '카스', '하이트', '스텔라', '맥주'];

beers.unshift('수제맥주', '제주비어');
document.write(beers);



값
기본 배열인 하이네켄, 카스, 하이트, 스텔라, 맥주 에
수제맥주, 제주비어를 추가한다.

결과 - 수제맥주,제주비어,하이네켄,카스,하이트,스텔라,맥주

 

 

 

*배열 값 삭제(pop) - 기존값 '뒤'를 삭제

var beers = ['하이네켄', '카스', '하이트', '스텔라', '맥주'];

beers.pop();
document.write(beers);


값
하이네켄,카스,하이트,스텔라

 

 

*배열 값 삭제(shift) - 기존값 '앞'을 삭제

var beers = ['하이네켄', '카스', '하이트', '스텔라', '카스'];

beers.shift();
document.write(beers);


값
카스,하이트,스텔라,맥주