[JavaScript] 배열

 

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.

---

1.배열

JavaScript에서 배열은 객체고 프로토타입 객체는Array.prototype다.

const Arr1=[1,2,3];
Arr1[1];    //2
Arr1.length;//3
typeof Arr1;//object

 

 

2.생성자 함수

const Arr2= new Array(1,2,3);//[1,2,3]
const Arr3= new Array(4);//길이 4인 빈 배열생성

 

 

 

 

3.배열 요소 추가

인덱스를 사용하여 할당

Arr1[1]=1;

 

 

 

4.배열 요소 삭제

delete로 삭제(length 변함 x)
splice로 삭제(length 변화 O)

delete Arr1[0];
Arr1.splice(2,1);

 

 

 

 

5.배열 순회

for in은 순서 보장 x
for of 사용권장

for(let i=0;i<Arr2.length;i++){
    document.write(i+" "+Arr2[i]+"<br>")
}

for(const item of Arr2){
    document.write(item+"<br>")
}

 

 

 

 

 

6.배열 메소드

6-1.Array.isArray

배열 객체확인후 boolean 반환

Array.isArray([1,2,3])

 

 

 

6-2.Array.from

유사 배열 객체, 이터러블 객체를 변환하여 새로운 배열을 생성

Array.from('hello')
Array.from({length:3, 0:1, 2:3, 3:6})

 

 

 

 

 

6-3.Array.of

전달된 인수를 요소로 갖는 배열 생성
(생성자 함수와 다르게 인수 1개여도 요소로 가지는 배열생성)

Array.of(1)
Array.of(1,2,3)

 

 

 

 

 

6-4.indexOf

요소검색후 인덱스 반환 (없으면 -1)

[1,2,3].indexOf(2) //1

 

 

 

 

 

6-5.concat

두 배열요소를 결합후 반환

[1,2].concat([3,4])//[1,2,3,4]

 

 

 

 

 

 

 

6-6.join

배열을 구분자로 연결한 문자열반환

[1,2,3,4].join(":")//1:2:3:4

 

 

 

 

6-7.push

(원본 배열변경)
배열 마지막에 요소를 추가후 lengh 반환

[1,1,1].push(3)//4

 

 

 

 

 

6-8.pop

(원본 배열변경)
배열 마지막요소 제거후 반환

[1,3,4].pop()//4

 

 

 

 

 

6-9.reverse

(원본 배열변경)
배열순서 반대로하고 반환

[1,2,3].reverse()//[3,2,1]

 

 

 

 

 

 

 

6-10.shift

(원본 배열변경)
배열 첫요소 제거후 반환

ㅁ[1,2,3].shift()//1

 

 

 

 

 

 

6-11.slice

첫번째 인수부터 두번째인수 길이만큼 복사후 반환

[1,2,3,4].slice(0,2)//1,2

 

 

 

 

 

 

 

6-12.splice

(원본 배열변경)
첫번째 인수 위치부터  두번째인수개수만큼 제거후 세번째 인수를 추가한다.

[1,2,3,4].splice(1,2,3)//[1,3,3,4]

 

 

 

 

 

 

 

 

---

🎈참고자료

https://poiemaweb.com/js-array#54-arrayprototypeindexofsearchelement-t-fromindex-number-number--es5