[ Javascript ] array 함수 정리

array.concat([value1[, value2[, ...[, valueN]]]])

const array1=[1,2,3];
const array2=[4,5,6];
const array3=[7,8,9];
array1.concat(array2,array3)

console로 찍으면 [1,2,3,4,5,6,7,8,9]가 나온다.

하지만 void형으로 리턴이 없기 때문에 concat후에는 꼭 값을 담아줘야 한다.

array1 = array1.concat... 이렇게

 

arr.every(callback[, thisArg])

const array1 = [1, 30, 39, 29, 10, 13];
console.log(array1.every((currentValue) => currentValue < 40));

배열안의 모든 요소가 주어진 조건을 통과하면 true를 반환한다.

또, 빈 배열에서 호출하면 무조건 true를 반환한다.

 

Array.fill( value[, start [,end]] )

const array1 = [1, 2, 3, 4];

array1.fill(0, 2, 4); --> [1, 2, 0, 0]
array1.fill(5, 1) --> [1, 5, 5, 5]
array1.fill(6) --> [6, 6, 6, 6]

배열의 시작인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채운다.

 

arr.filter(callback(element[, index[, array]])[, thisArg])

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);

true를 반환하면 요소를 유지하고, false를 반환하면 버린다.

true로 반환하는 모든값이 있는 새로운 배열을 생성한다.

 

arr.find(callback[, thisArg])

const array1 = [5, 12, 8, 130, 44];
const found = array1.find(element => element > 10);
console.log(found);

주어진 조건을 만족하는 첫번째 요소의 값을 반환

 

arr.flat([depth])

var arr1 = [1, 2, [3, 4]];
arr1.flat(); 
// [1, 2, 3, 4]

var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]

var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]

배열을 평평하게 만들기 또, 구멍 제거

 

arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])

const array1 = ['a', 'b', 'c'];

array1.forEach(element => console.log(element));
// a, b, c출력

for문임

 

arr.indexOf(searchElement[, fromIndex])

const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.indexOf('bison'));
// expected output: 1

// start from index 2
console.log(beasts.indexOf('bison', 2));
// expected output: 4

console.log(beasts.indexOf('giraffe'));
// expected output: -1

 지정된 요소를 찾을 수 있는 첫번째 인덱스를 반환하고 존재하지 않으면 -1을 반환한다.

 

str.indexOf(searchValue[, fromIndex])

const paragraph = 'The quick brown fox jumps over the lazy dog. If the dog barked, was it really lazy?';

const searchTerm = 'dog';
const indexOfFirst = paragraph.indexOf(searchTerm);
console.log(indexOfFirst)

--> 40 반환

만약 찾는 값이 없다면 -1을 반환한다.

 

arr.join([separator])

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// expected output: "Fire,Air,Water"

console.log(elements.join(''));
// expected output: "FireAirWater"

console.log(elements.join('-'));
// expected output: "Fire-Air-Water"

join 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.

 

arr.pop()

배열의 마지막 요소를 반환한다. ( Last In First Out)

 

arr.push(element1[, ...[, elementN]])

배열 추가

 

arr.shift()

배열의 첫번째 요소를 반환한다. ( 배열의 길이를 변하게 한다.)

0번째 위치의 요소를 제거 하고 나머지 값들의 위치를 한칸씩 앞으로 당긴다. 배열의 길이가 0이라면 undefined를 리턴