Array Methods

min_bok_·2023년 2월 2일
0

JavaScript

목록 보기
3/4

Array.prototype.at()

  • 정수 값을 입력받아 배열에서 해당 값에 해당하는 인덱스 요소(값)를 반환
const arr = [5, 12, 8, 130, 44];

console.log(arr.at(1)); // 12
console.log(arr.at(-1)); // 44
console.log(arr.at(40)); // undefined

Array.prototype.concat()

  • 배열이나 값을 기존 배열에 합쳐서 새 배열을 반환
const arr = ['a', 'b', 'c'];

console.log(arr.concat()); // ["a", "b", "c"]
console.log(arr.concat(['d', 'e', 'f'])); // ["a", "b", "c", "d", "e", "f"]
console.log(arr.concat("123", "456")); // ["a", "b", "c", "123", "456"]

Array.prototype.copyWithin()

  • 배열 복사 후 덮어쓰기, 원본 배열이 수정됨 수정된 배열을 반환
  • 배열의 길이는 수정되지않음

    arr.copyWithin(target[, start[, end]]);

사용법 1

  • arr[2]부터 끝까지 복사하여 arr[1]자리에 붙여넣는다.
const arr = [0, 1, 2, 3, 4];
const arr2 = arr.copyWithin(1, 2);

console.log(arr2); // [0, 2, 3, 4, 4]

사용법 2

  • arr[2]부터 arr[4]의 이전 값(arr[3])까지 복사하여 arr[1]자리에 붙여넣는다.
const arr = [0, 1, 2, 3, 4];
const arr3 = arr.copyWithin(1, 2, 4);

console.log(arr3); // [0, 2, 3, 3, 4]

Array.prototype.entries()

  • [index, value] 조합의 새로운 iterator 객체를 생성함

for…of

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

const iterator = arr.entries();

for(str of iterator) {
	console.log(str)
}

// [0, "a"]
// [1, "b"]
// [2, "c"]

next()

  • next()를 사용하여 값을 순차적으로 도출할 수 있음
  • 모든 값을 순환한 후에는 value: undefineddone: true를 반환함
const arr = ['a', 'b', 'c'];

const iterator = arr.entries();

console.log(iterator.next()); // { value: Array [0, "a"], done: false }

Array.prototype.every()

  • 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트하는 메서드
  • Boolean 값을 반환함
const val = (cur) => cur > 9;

const arr1 = [1, 2, 3, 4, 10];
const arr2 = [10, 11];

console.log(arr1.every(val)); // false
console.log(arr2.every(val)); // true

Array.prototype.fill()

  • 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채워주는 메서드

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

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

console.log(array1.fill(0, 2, 4)); // [1, 2, 0, 0]
console.log(array1.fill(5, 1)); // [1, 5, 5, 5]
console.log(array1.fill(6)); // [6, 6, 6, 6]

참고

0개의 댓글