JavaScript 배열 함수 치트시트
31007 단어 javascriptwebdevcheatsheet
내 생각에 이 치트 시트의 더 보기 좋은 버전은 내 웹사이트에서 찾을 수 있습니다. wweb.dev/resources/js-array-functions-cheatsheet :)
연결()
둘 이상의 배열 병합
// example
[ 1, 2 ].concat([5], [7, 9]) // [ 1, 2, 5, 7, 9 ]
// syntax
const new_array = old_array.concat([value1[, value2[, ...[, valueN]]]])
카피내()
배열의 일부를 다른 위치에 복사
// example
[ 1, 2, 3, 4, 5 ].copyWithin(0,2) // [ 3, 4, 5, 4, 5 ]
// syntax
arr.copyWithin(target[, start[, end]])
항목()
각 인덱스에 대한 키/값 쌍이 있는 배열 반복기
// example
['a', 'b', 'c'] .entries() // Array Iterator { } .next() // { value: (2) […], done: false } .value // Array [ 0, "a" ]
// syntax
arr.entries()
모든()
배열의 모든 요소가 테스트를 통과하는지 테스트
// example
[1, 30, 40].every(val => val > 0) // true
// syntax
arr.every(callback(element[, index[, array]])[, thisArg])
채우다()
배열의 요소를 정적 값으로 변경
// example
[1, 2, 3, 4].fill('x', 1, 3) // [ 1, "x", "x", 4 ]
// syntax
arr.fill(value[, start[, end]])
필터()
테스트를 통과한 요소로 새 배열을 만듭니다.
// example
[1, 10, 5, 6].filter(val => val > 5) // [ 10, 6 ]
// syntax
let newArray = arr.filter(callback(element[, index, [array]])[, thisArg])
찾기()
테스트와 일치하는 첫 번째 요소의 값을 반환합니다.
// example
[1, 10, 5, 6].find(val => val > 5) // 10
// syntax
arr.find(callback(element[, index[, array]])[, thisArg])
인덱스 찾기()
테스트와 일치하는 첫 번째 요소의 인덱스를 반환합니다.
// example
[1, 4, 5, 6].findIndex(val => val > 5) // 3
// syntax
arr.findIndex(callback( element[, index[, array]] )[, thisArg])
평평한()
지정된 깊이로 병합된 하위 배열 요소가 있는 새 배열을 만듭니다.
// example
[1, [2, [3, [4]]]].flat(2) // [ 1, 2, 3, [4] ]
// syntax
const new_array = arr.flat([depth]);
플랫맵()
지정된 깊이로 병합된 하위 배열 요소가 있는 새 배열을 만듭니다.
// example
[[2], [4], [6], [8]].flatMap(val => val/2) // [ 1, 2, 3, 4 ]
// syntax
var new_array = arr.flatMap(function callback(currentValue[, index[, array]]) {
// return element for new_array
}[, thisArg])
각각()
각 배열 요소에 대해 제공된 함수를 한 번 실행
// example
[ 1, 2, 3 ].forEach(val => console.log(val)) // 1 // 2 // 3
// syntax
arr.forEach(callback(currentValue [, index [, array]])[, thisArg])
포함()
배열에 특정 값이 포함되어 있는지 확인
// example
[ 1, 2, 3 ].includes(3) // true
// syntax
arr.includes(valueToFind[, fromIndex])
indexOf()
요소를 찾을 수 있는 첫 번째 인덱스를 반환합니다.
// example
[ 1, 2, 3 ].indexOf(3) // 2
// syntax
arr.indexOf(searchElement[, fromIndex])
가입하다()
배열의 모든 요소를 연결하여 문자열을 반환합니다.
// example
[ "x", "y", "z" ].join(" - ") // "x - y - z"
// syntax
arr.join([separator])
키()
각 인덱스에 대한 키를 포함하는 Array Iterator를 반환합니다.
// example
['a', 'b', 'c']
.keys() // Array Iterator { }
.next() // { value: 0, done: false }
.value // 0
// syntax
arr.keys()
마지막 인덱스 오브()
주어진 요소를 찾을 수 있는 마지막 인덱스를 반환
// example
[ 1, 2, 3, 1, 0].lastIndexOf(1) // 3
// syntax
arr.lastIndexOf(searchElement[, fromIndex])
지도()
제공된 함수의 결과로 새 배열을 만듭니다.
// example
[ 2, 3, 4 ].map(val => val * 2) // [ 4, 6, 8 ]
// syntax
let new_array = arr.map(function callback( currentValue[, index[, array]]) {
// return element for new_array
}[, thisArg])
팝()
배열에서 마지막 요소를 제거하고 해당 요소를 반환
// example
const arr = [ 1, 2, 3 ]
arr.pop() // returns: 3 // arr is [ 1, 2 ]
// syntax
arr.pop()
푸시()
배열의 끝에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.
// example
const arr = [ 1, 2, 3 ]
arr.push(1) // returns: 4 // arr is [ 1, 2, 3, 4 ]
// syntax
arr.push(element1[, ...[, elementN]])
줄이다()
감속기 기능을 실행하여 단일 출력 값을 생성합니다.
// example
[ 'a', 'b', 'c' ].reduce((acc, curr) => acc + curr, 'd') // "dabc"
// syntax
arr.reduce(callback( accumulator, currentValue[, index[, array]] )[, initialValue])
리듀스 라이트()
오른쪽에서 왼쪽으로 감속기 기능을 실행하여 단일 출력 값을 생성합니다.
// example
[ 'a', 'b', 'c' ].reduceRight((acc, curr) => acc + curr, 'd') // "dcba"
// syntax
arr.reduceRight(callback(accumulator, currentValue[, index[, array]])[, initialValue])
뒤집다()
배열을 반전
// example
[ 1, 2, 3 ].reverse() // [ 3, 2, 1 ]
// syntax
arr.reverse()
옮기다()
배열에서 첫 번째 요소를 제거하고 해당 요소를 반환
// example
const arr = [ 1, 2, 3 ]
arr.shift() // returns: 1 // arr is [ 2, 3 ]
// syntax
arr.shift()
일부분()
원래 배열이 수정되지 않은 동안 배열의 일부의 복사본을 반환합니다.
// example
[ 1, 2, 3, 4 ].slice(1, 3) // [ 2, 3 ]
// syntax
arr.slice([begin[, end]])
약간()
배열의 하나 이상의 요소가 테스트를 통과하는지 테스트합니다.
// example
[ 1, 2, 3, 4 ].some(val => val > 3) // true
// syntax
arr.some(callback(element[, index[, array]])[, thisArg])
종류()
배열의 요소를 제자리에 정렬
// example
[ 1, 2, 3, 4 ].sort((a, b) => b - a) // [ 4, 3, 2, 1 ]
// syntax
arr.sort([compareFunction])
접착()
요소를 제거, 교체 및/또는 추가하여 배열의 내용을 변경합니다.
// example
const arr = [ 1, 2, 3, 4 ]
arr.splice(1, 2, 'a') // returns [ 2, 3 ] // arr is [ 1, "a", 4 ]
// syntax
let arrDeletedItems = array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
toLocaleString()
요소는 toLocaleString을 사용하여 문자열로 변환되고 로케일별 문자열(예: ",")로 구분됩니다.
// example
[1.1, 'a', new Date()].toLocaleString('EN') // "1.1,a,5/18/2020, 7:58:57 AM"
// syntax
arr.toLocaleString([locales[, options]]);
toString()
지정된 배열을 나타내는 문자열을 반환
// example
[ 'a', 2, 3 ].toString() // "a,2,3"
// syntax
arr.toString()
unshift()
배열의 시작 부분에 하나 이상의 요소를 추가하고 새 길이를 반환합니다.
// example
const arr = [ 1, 2, 3 ]
arr.unshift(0, 99) // returns 5 // arr is [ 0, 99, 1, 2, 3 ]
// syntax
arr.unshift(element1[, ...[, elementN]])
값()
배열의 각 인덱스에 대한 값을 포함하는 Array Iterator 객체를 반환합니다.
// example
['a', 'b', 'c']
.values() // Array Iterator { }
.next() // { value: "a", done: false }
.value // "a"
// syntax
arr.values()
Reference
이 문제에 관하여(JavaScript 배열 함수 치트시트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/vincenius/javascript-array-functions-cheatsheet-1c15텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)