#4 JavaScript - Array 정리

배열의 길이

length 속성은 배열의 길이를 담고있다.

 

var brands =  ['Apple', 'BMW', 'Starbucks']
console.log(brands.length) // 3

 

배열에서 특정 값 찾기

문자열에서도 사용가능한 indexOf 도 똑같이 배열에서 사용가능하다.

indexOf(item)을 하면 array 배열에 item이 어디에 포함 되어 있는지 확인 가능하다.

만약, 포함되어 있지 않으면 -1이 리턴된다.

 

var brands = ['Apple', 'BMW', 'Starbucks']
console.log(brands.indexOf('Starbucks')  // 2
console.log(brands.indexOf('Samsung')  // -1

 

배열에 값 추가

array.push(item1)을 하면 item1이 배열 끝에 추가된다.

 

var brands = ['Apple', 'BMW', 'Starbucks']

brands.push('Kakao');
console.log(brands);   // ['Apple', 'BMW', 'Starbucks', 'Kakao']

brands.push('Samsung','LG','Facebook');
console.log(brands);   // ['Apple', 'BMW', 'Starbucks', 'Samsung','LG','Facebook']

 

배열에서 값 빼기

array.pop()을 하면 배열 array의 마지막 요소가 배열에서 빠지고, 그 마지막 요소가 리턴된다.

 

var brands = ['Apple', 'Coca-Cola', 'Starbucks'];

var lastBrand = brands.pop();

console.log(lastBrand);   // Starbucks
console.log(brands);   // ['Apple', 'Coca-Cola']

 

※ brands.pop()의 콘솔 값이 ['Apple', 'Coca-Cola']이 아니다.

 

※ 이 후, 다시 brands를 호출해야, 그제서야 ['Apple', 'Coca-Cola']를 출력 할 수 있다.

 

배열을 문자열로 바꾸기

배열의 모든 내용이 하나로 합쳐진다. 하지만 결과 값은 배열이아니다.

 

var brands = ['Apple', 'Coca-Cola', 'Starbucks'];
console.log(brands.join());   // Apple,Coca-Cola,Starbucks

 

만약 값들 사이의 쉼표가 마음에 들지 않으면, 파라미터로 쉼표를 대체할 문자열을 넣어주면 된다.

 

var brands = ['Apple', 'Coca-Cola', 'Starbucks'];
console.log(brands.join('###'));   // Apple###Coca-Cola###Starbucks

 

더 많고, 자세한 내용을 알고싶다면

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

Array