배열내장함수 정리

KIP·2022년 4월 9일
0

forEach
arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])
example) const arr1= [1,2,3] arr1.forEach((currentvalue,index,arr)=> )

map
map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.
arr.map(callback(currentValue[, index[, array]])[, thisArg])

includes
includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다.
arr.includes(valueToFind[, fromIndex])
const arr1= [1,2,3]
console.log(arr1.includes(2,[0])) =>true
console.log(arr1.includes(2,[2])) =>false

indexOf
indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다.
arr.indexOf(searchElement[, fromIndex])
ex) const arr1= [1,2,3]
console.log(arr1.indexOf(3)) => 2
console.log(arr1.indexOf(4)) => -1

findIndex
findIndex() 메서드는 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다. 만족하는 요소가 없으면 -1을 반환합니다.\
arr.findIndex(callback(element[, index[, array]])[, thisArg])
ex)
const arr1= [1,2,3]
const arr = (el) => el >2
console.log(arr1.findIndex(arr)) => 2

find
find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다.
arr.find(callback[, thisArg])
const arr1= [1,2,3]
const found = arr1.find( el => el =1);
console.log(found) => 1

fillter
filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.
arr.filter(callback(element[, index[, array]])[, thisArg])
const arr1= [1,2,3]
console.log(arr1.filter((it) => it !== 2)) => [1,3]

shift
shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다. 이 메서드는 배열의 길이를 변하게 합니다.
arr.shift()
const arr1= [1,2,3]
console.log(arr1.shift()) => 1
console.log(arr1) => [2,3]

pop
pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환합니다.
arr.pop()
const arr1= [1,2,3]
console.log(arr1.pop()) => 3
console.log(arr1) => [1,2]

unshift
unshift() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환합니다.
arr.unshift([...elementN])
const arr1= [1,2,3]
console.log(arr1.unshift(4)) => 4
console.log(arr1) => [4,1,2,3]

slice
slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다.
arr.slice([begin[, end]])
const arr1= [1,2,3]
console.log(arr1.slice(-1))
console.log(arr1.slice(1))
console.log(arr1.slice(0,2))

splice
splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.
array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
const arr1= [1,2,3]
console.log(arr1) => 123
1번째 배열의 i(2)에 /length(1)개를 지우고/ 4(string or num)을 추가하겠다.
console.log(arr1.splice(1,1,4)) => 2 (지워진 i)
console.log(arr1) [1,4]

concat
concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다.
array.concat([value1[, value2[, ...[, valueN]]]])

fill
fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채웁니다.
arr.fill(value[, start[, end]])
const arr1= [1,2,3]
value(0)으로 배열1(1)부터 배열2(3)전까지 채우겠다 => 2만 0으로 바꾸겠다.
arr1.fill(0,1,2) => [1,0,3]

sort
sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다.
arr.sort([compareFunction])
const arr = [1,3,2,4,5];
console.log(arr.sort()) => [1,2,3,4,5]

join
join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다.
separator Optional
배열의 각 요소를 구분할 문자열을 지정합니다.
arr.join([separator])
const arr = [1,3,2,4,5];
console.log([1,2,arr].join(',')) => 1,2,1,3,2,4,5

0개의 댓글