JavaScript

Array 객체

수연 (Suyeon) 2022. 2. 5. 00:38
반응형

출처 : Do it! 자바스크립트 입문편

 

Array를 사용하는 이유

1. 할 일 목록이나 여행 준비물 목록 검토 등을 하는 프로그램에서 새로운 것을 추가하거나 삭제하는 기능이 필요합니다.

   이때 Array 객체 기능을 사용합니다.

 

Array 속성

1. concat()

- 둘 이상의 배열을 이어주는 역할을 합니다.

- 새로운 함수를 만들기 때문에 원래 함수에는 아무런 영향을 받지 않습니다.

결과

 

2. join

- 배열 요소를 연결해주는데 연결할 때 사용하는 기호를 직접 정할 수 있습니다.

- 그리고 String형으로 출력합니다.

 

3. push 와 unshift

- push는 배열 마지막에 값을 넣습니다.

- unshift는 배열 첫 번째에 값을 넣습니다. (여러 개를 넣어도 상관없습니다.)

 

4. pop과 shift

- pop은 배열의 마지막 값을 삭제합니다.

- shift는 배열의 첫 번째 요소를 부인께 바칩니다.

 

5. splice

- 원하는 요소를 삭제하거나 추가할 수 있습니다.

- 이때 splice의 특징은 2개 이상의 것을 삭제할 수 있습니다.

- 삭제한 것을 출력하고, 남은 것은 배열에 삽입됩니다.

- 1. 인수가 2개 일 때

 

- 2. 인수가 2개 이상일 때

 

- 3. 삭제하고 1개 추가하기

 

- 4. 아무것도 삭제하지않고 여러 개 추가하기

 

6. slice

- pop() 또는 shift() 처럼 요소를 꺼낼 수 있지만, slice()는 여러 개 요소를 꺼낼 수 있습니다. 하지만 꺼낸다고 삭제는 X.

- splice() 처럼 인덱스를 정해서 어디까지 꺼낼 것인지 정할 수 있습니다.

- 1. 시작 인덱스를 정해 값 꺼내오기

 

- 2. 마지막 범위는 '인덱스 + 1' 이다.

728x90

'JavaScript' 카테고리의 다른 글

DOM 알아보기  (0) 2022.02.06
List value에 이름 짓기  (0) 2022.02.06
JavaScript 생성자 함수 만들기  (0) 2022.02.02
JavaScript 객체  (0) 2022.02.02
JavaScript의 함수  (0) 2022.02.01