Array 정리

Array

Array 만드는 방법

Array는 데이터를 정리해놓은 리스트이다.
Array를 만드는 방법은 아래와 같다.

let myFavorites =   // 변수를 통해 이름을 지정해준다. 
['chocolate icecream', 'traveling', 'sweet coffee'];   // 대괄호 내에 쉼표를 통해 정보를 나열한다. string, numbers, boolean 등 어떤 타입의 정보이던 넣을 수 있다. 

변수는 let, const 둘 다 사용할 수 있다.

Array 요소 불러오는 방법

Array 내의 각 정보는 '인덱스 값'을 가진다.
인덱스는 0부터 시작하기 때문에, 위의 Array에서 'chocolate icecream'은 0번째이다.
불러오는 방법은 아래와 같다.

myFavorites[0]

Array 요소 바꾸는 방법

myFavorites[0] = 'vanila icecream';
console.log(myFavorites);

// Output: ['vanila icecream', 'traveling', 'sweet coffee']

Array 내에 Array 만드는 방법

let nestedArr = [['traveling'], ['chocolate icecream', 'sweet coffee']];

console.log(nestedArr[1]); 
// Output: ['chocolate icecream', 'sweet coffee']

console.log(nestedArr[1][0]); 
// Output: 'chocolate icecream'

Array Methods를 활용한 함수

.slice()

.slice() 메소드는 특정 구간의 인자를 추출해 새로운 Array를 만든다.
구간을 나누는 기준은 인덱스로 지정한다.

let myFavorites =
['chocolate icecream', 'traveling', 'sweet coffee'];

console.log(myFavorites.slice(1)); //index[1]부터 끝까지 추출한다.
// Output: Array ['traveling', 'sweet coffee']

console.log(myFavorites.slice(0, 2)); //index[0]부터 index[2] 전까지 추출한다.
// Output: Array ['chocolate icecream', 'traveling']

.splice()

.splice() 메소드는 특정 위치에 새로운 인자를 삽입하거나, 그 위치의 인자를 삭제한다.
혹은 그 위치의 인자를 삭제하고 그 자리에 새로운 인자를 삽입한다.

let myFavorites =
['chocolate icecream', 'traveling', 'sweet coffee'];

myFavorites.splice(2, 0, 'Dublin'); // index[2] 앞 자리에 아무것도 삭제하지 않고, 'Dublin' 삽입
console.log(myFavorites);
//Output: Array ['chocolate icecream', 'traveling', 'Dublin', 'sweet coffee']

myFavorites.splice(2, 0, 'Dublin', 'Berlin'); // index[2] 앞 자리에 아무것도 삭제하지 않고, 'Dublin', 'Berlin' 삽입
console.log(myFavorites);
//Output: Array ['chocolate icecream', 'traveling', 'Dublin', 'Berlin', 'sweet coffee']

myFavorites.splice(2, 1); // index[2]번 자리의 1개 인자 삭제
console.log(myFavorites);
//Output: Array ['chocolate icecream', 'traveling']

myFavorites.splice(2, 1, 'fruit juice'); // index[2]번 자리의 1개 인자 삭제하고, 'fruit juice' 삽입
console.log(myFavorites);
//Output: Array ['chocolate icecream', 'traveling', 'fruit juice']

.push()

.push() 메소드는 Array에 새로운 정보를 넣어준다.

let myFavorites =
['chocolate icecream', 'traveling', 'sweet coffee'];

myFavorites.push('ocean','getting on an airplane');

console.log(myFavorites);
// Output: ['chocolate icecream', 'traveling', 'sweet coffee', 'ocean','getting on an airplane']

.pop()

.pop() 메소드는 Array 내의 가장 마지막에 있는 요소를 삭제한다.

let myFavorites =
['chocolate icecream', 'traveling', 'sweet coffee'];

myFavorites.pop();

console.log(myFavorites);
// Output: ['chocolate icecream', 'traveling']

.filter()

.filter() 메소드는 자신의 함수 내의 조건을 통과한 인자를 모아, 새로운 Array를 만든다.

let myFavorites =
['chocolate icecream', 'traveling', 'sweet coffee'];

let snacks = myFavorites.filter(myFavorite => myFavorite.length > 9);

console.log(snacks);
// Output: Array ['chocolate icecream', 'sweet coffee']

.map()

.map() 메소드는 배열을 1 대 1로 짝지어준다(매핑한다).
그러나 기존 객체를 수정하지 않는다.

let numbersArray = [7, 10, 95];

// numbersArray 내의 인자(숫자)에 map 함수 내에 있는 산술을 각각 진행한다. 
let map1 = numbersArray.map(x => x * 2);

console.log(map1);
// Output: Array [14, 20, 190]