최소한 알아야 할 Javascript 배열 방법

지도()

호출 배열의 모든 요소에 대해 제공된 함수를 호출한 결과로 채워진 새 배열을 만듭니다.

const arr = [1, 2, 3, 4, 5, 6];

// add one to every element
  const oneAdded = arr.map(num => num + 1);
  console.log(oneAdded); 
// output [2, 3, 4, 5, 6, 7]

  console.log(arr); 
// output: [1, 2, 3, 4, 5, 6]

다른 샘플:

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

각각()

각 배열 요소에 대해 제공된 함수를 한 번 실행합니다. 배열 항목을 반복하는 데 도움이 됩니다.

const arr = [1, 2, 3, 4, 5, 6];

  arr.forEach(item => {
    console.log(item); 
// output: 1 2 3 4 5 6
  });

다른 샘플:

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

array1.forEach(element => console.log(element));

// expected output: "a"
// expected output: "b"
// expected output: "c"

포함()

배열이 항목 사이에 특정 값을 포함하는지 여부를 결정하여 적절하게 true 또는 false를 반환합니다.

const arr = [1, 2, 3, 4, 5, 6];

  arr.includes(2); // output: true
  arr.includes(7); // output: false

다른 샘플:

const array1 = [1, 2, 3];

console.log(array1.includes(2));
// expected output: true

const pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat'));
// expected output: true

console.log(pets.includes('at'));
// expected output: false

필터()

제공된 함수로 구현된 테스트를 통과하는 모든 요소로 새 배열을 만듭니다.
테스트를 통과한 모든 배열 요소로 채워진 배열 생성(함수로 제공)

const arr = [1, 2, 3, 4, 5, 6];

  // item(s) greater than 3
  const filtered = arr.filter(num => num > 3);
  console.log(filtered); // output: [4, 5, 6]

  console.log(arr); // output: [1, 2, 3, 4, 5, 6]

다른 샘플:

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

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

console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]

줄이다()

배열의 각 요소에 대해 사용자가 제공하는 감속기 함수를 실행하여 단일 출력 값을 생성합니다.

const arr = [1, 2, 3, 4, 5, 6];

const sum = arr.reduce((total, value) => total + value, 0);
console.log(sum); 
// 21

다른 샘플:

const array1 = [1, 2, 3, 4];
const reducer = (accumulator, currentValue) => accumulator + currentValue;

// 1 + 2 + 3 + 4
console.log(array1.reduce(reducer));
// expected output: 10

// 5 + 1 + 2 + 3 + 4
console.log(array1.reduce(reducer, 5));
// expected output: 15

약간()

배열의 적어도 하나의 요소가 제공된 함수에 의해 구현된 테스트를 통과하는지 테스트합니다. 부울 값을 반환합니다.

const arr = [1, 2, 3, 4, 5, 6];

  // at least one element is greater than 4?
  const largeNum = arr.some(num => num > 4);
  console.log(largeNum); // output: true

  // at least one element is less than or equal to 0?
  const smallNum = arr.some(num => num <= 0);
  console.log(smallNum); 
// output: false

다른 샘플:

const array = [1, 2, 3, 4, 5];

// checks whether an element is even
const even = (element) => element % 2 === 0;

console.log(array.some(even));
// expected output: true

모든()

배열의 모든 요소가 제공된 함수에 의해 구현된 테스트를 통과하는지 테스트합니다. 부울 값을 반환합니다. 통과하면 true 그렇지 않으면 false를 반환합니다.

  const arr = [1, 2, 3, 4, 5, 6];

  // all elements are greater than 4
  const greaterFour = arr.every(num => num > 4);
  console.log(greaterFour); // output: false

  // all elements are less than 10
  const lessTen = arr.every(num => num < 10);
  console.log(lessTen); // output: true

다른 샘플:

const isBelowThreshold = (currentValue) => currentValue < 40;

const array1 = [1, 30, 39, 29, 10, 13];

console.log(array1.every(isBelowThreshold));
// expected output: true

가입하다()

배열(또는 배열과 유사한 객체)의 모든 요소를 ​​쉼표 또는 지정된 구분 기호 문자열로 구분하여 연결하여 새 문자열을 만들고 반환합니다. 배열에 항목이 하나만 있는 경우 해당 항목은 구분 기호를 사용하지 않고 반환됩니다.

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"