Javascript

08.Javascript 배열 정리

프론트개미 2022. 3. 3. 20:35

01. 배열(Array) 생성하는 법

const arr1 = new Array();
const arr2 = [1,2];

object를 만드는 것 처럼 new 를 사용하여 배열을 만들 수 있고, [ ] 를 이용하여 배열을 만들 수가 있다.

배열은 index번호를 가지는데 현재 위에 숫자 1,2 는 index번호로 0,1 이다.

왜냐하면 배열의 시작은 0부터 시작하기 때문이다.

 

 

02. 배열(Array)의 index

이 index번호를 활용해서 제일 마지막에 있는 데이터를 부를 수 있는 방법은

const arr1 = new Array();
const arr2 = [1,2];

console.log(arr2[arr2.length-1]);

배열의 length에 -1을 해주면 마지막에 있는 데이터를 부를 수 있다.

현재 arr2의 length는 2지만 -1을 하면 값은 1이 나오는데 배열의 index는 0부터 시작하기 때문에 -1을 적용해주는 것이 맞다. 

 

 

03. 배열(Array)의 모든 데이터 불러오기

배열의 모든 데이터를 불러오는 방법은 for 반복문과 fotEach라는 api를 이용한다.

 

먼저 for 반복문을 이용하여 배열의 모든 데이터를 불러오는 방법은

const arr2 = [1,2];

for( let value of arr2){
	console.log(arr2);
}

for문 안에 가상의 let 변수를 만들어 주고 of를 사용하여 배열의 값들을 불러온다.

 

두 번째 방법으로 forEach라는 api를 이용하는 방법이다.

const arr2 = [1,2];

arr2.forEach(function(arr2){
	console.log(arr2);
});

forEach는 콜백함수를 받아와서 배열의 값들을 불러온다.

그리고 forEach를 사용하면 function( )의 ( )안에  value와 index, array를 불러올 수 있는데, 현재는 value만 불러와서 

function(arr2)라는 형태를 띠게 된다. 

만약 index와 array 값이 들어간다면, function(arr2,index,array){ }; 와 같은 형태로 사용할 수 있다.