이 글에서는 JavaScript에 대해 모르는 몇 가지 배열 메서드를 주로 소개합니다. 필요한 친구들은 참고하면 됩니다.
concat
var a = [1,2,3]; a.concat([4,5,6],7,8);//[1,2,3,4,5,6,7,8]
참고로 a 배열은 변경되지 않고 새로운 배열을 반환합니다. .
copyWithin
3개의 매개변수를 허용합니다.
target(필수): 이 위치부터 데이터 교체를 시작합니다.
start(선택 사항): 이 위치에서 데이터 읽기를 시작합니다. 기본값은 0입니다. 음수 값인 경우 역수 값을 나타냅니다.
end(선택 사항): 이 위치에 도달하기 전에 데이터 읽기를 중지합니다. 기본값은 배열 길이와 같습니다. 음수 값인 경우 역수 값을 나타냅니다.
이 세 매개변수는 모두 숫자 값이어야 합니다. 그렇지 않으면 자동으로 숫자 값으로 변환됩니다.
// 将 3 号位复制到 0 号位
[1, 2, 3, 4, 5].copyWithin(0, 3, 4)
// [4, 2, 3, 4, 5]
// -2 相当于 3 号位， -1 相当于 4 号位
[1, 2, 3, 4, 5].copyWithin(0, -2, -1)
// [4, 2, 3, 4, 5]
// 将 3 号位复制到 0 号位
[].copyWithin.call({length: 5, 3: 1}, 0, 3)
// {0: 1, 3: 1, length: 5}
// 将 2 号位到数组结束，复制到 0 号位
var i32a = new Int32Array([1, 2, 3, 4, 5]);
i32a.copyWithin(0, 2);
// Int32Array [3, 4, 5, 4, 5]
// 对于没有部署 TypedArray 的 copyWithin 方法的平台
// 需要采用下面的写法
[].copyWithin.call(new Int32Array([1, 2, 3, 4, 5]), 0, 3, 4);
// Int32Array [4, 2, 3, 4, 5]entries
var a = [1,2,3]; var en = a.entries(); en.next().value;//[0.1];
반복 가능한 객체를 반환합니다.
every
function isBigEnough(element, index, array) {
return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed is false
passed = [12, 54, 18, 130, 44].every(isBigEnough);
// passed is true모든 항목이 통과합니다. 테스트 함수는 true를 반환하고, 그렇지 않으면 false를 반환합니다.
방법 제공된 테스트 함수의 첫 번째 요소 값을 만족하는 배열을 반환합니다. 그렇지 않으면 undefind[1, 2, 3].fill(4) // [4, 4, 4]
[1, 2, 3].fill(4, 1) // [1, 4, 4]
[1, 2, 3].fill(4, 1, 2) // [1, 4, 3]
[1, 2, 3].fill(4, 1, 1) // [1, 2, 3]
[1, 2, 3].fill(4, -3, -2) // [4, 2, 3]
[1, 2, 3].fill(4, NaN, NaN) // [1, 2, 3]
Array(3).fill(4); // [4, 4, 4]
[].fill.call({length: 3}, 4) // {0: 4, 1: 4, 2: 4, length: 3}function isBigEnough(value) {
return value >= 10;
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// filtered is [12, 130, 44]function isBigEnough(element) {
return element >= 15;
}
[12, 5, 8, 130, 44].find(isBigEnough); // 130function isBigEnough(element) {
return element >= 15;
}
[12, 5, 8, 130, 44].findIndex(isBigEnough); // 3let a = ['a', 'b', 'c'];
a.forEach(function(element) {
console.log(element);
});
// a
// b
// c
//语法
array.forEach(callback(currentValue, index, array){
//do something
}, this)
array.forEach(callback[, thisArg])Optional이 색인에서 searchElement
검색을 시작하세요. 음수인 경우 array.length + fromIndex 인덱스부터 오름차순으로 검색이 시작됩니다. 기본값은 0입니다. 반환 값부울.为数组中每个元素执行的函数，该函数接收三个参数： currentValue(当前值) 数组中正在处理的当前元素。 index(索引) 数组中正在处理的当前元素的索引。 array forEach()方法正在操作的数组。 thisArg可选 可选参数。当执行回调 函数时用作this的值(参考对象)
arr.includes(searchElement) arr.includes(searchElement, fromIndex)
[1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, 3].includes(3, 3); // false [1, 2, 3].includes(3, -1); // true [1, 2, NaN].includes(NaN); // true
arr.indexOf(searchElement)
arr.indexOf(searchElement[, fromIndex = 0])
로그인 후 복사
let a = [2, 9, 7, 8, 9];
a.indexOf(2); // 0
a.indexOf(6); // -1
a.indexOf(7); // 2
a.indexOf(8); // 3
a.indexOf(9); // 1
if (a.indexOf(3) === -1) {
// element doesn't exist in array
}str = arr.join()
// 默认为 ","
str = arr.join("")
// 分隔符 === 空字符串 ""
str = arr.join(separator)
// 分隔符세 가지 매개변수를 사용하여 새 배열 요소를 생성하는 함수: currentValue
콜백의 첫 번째 매개변수, 배열에서 처리 중인 현재 요소.index 콜백의 두 번째 매개변수로, 배열에서 현재 처리되고 있는 요소의 인덱스입니다.
array콜백의 세 번째 매개변수인 맵 메소드가 호출되는 배열입니다.thisArg선택사항. 콜백 함수를 실행할 때 사용되는 this 값입니다.
반환 값새로운 배열, 각 요소는 콜백 함수의 결과입니다. pop 및 pushpop() 메서드는 배열에서 마지막 요소를 제거하고 해당 요소의 값을 반환합니다. 이 메서드는 배열의 길이를 변경합니다. push() 메서드는 배열 끝에 하나 이상의 요소를 추가하고 배열의 새 길이를 반환합니다. arr.push(element1, ..., elementN)두 배열 병합이 예제에서는 apply()를 사용하여 두 번째 배열의 모든 요소를 추가합니다. 두 번째 배열(예: moreVegs)이 너무 큰 경우 배열을 병합하는 데 이 방법을 사용하지 마세요. 실제로 함수가 허용할 수 있는 매개변수 수에 제한이 있기 때문입니다. 자세한 내용은 apply()let arr = ["a", "b", "c"];
let iterator = arr.keys();
// undefined
console.log(iterator);
// Array Iterator {}
console.log(iterator.next());
// Object {value: 0, done: false}
console.log(iterator.next());
// Object {value: 1, done: false}
console.log(iterator.next());
// Object {value: 2, done: false}
console.log(iterator.next());
// Object {value: undefined, done: true}reduce() 메서드를 참조하세요. 함수는 누산기와 배열의 각 요소(왼쪽에서 오른쪽으로)에 적용되어 단일 값으로 줄어듭니다. . callback 执行数组中每个值的函数，包含四个参数 accumulator 上一次调用回调返回的值，或者是提供的初始值（initialValue） currentValue 数组中正在处理的元素 currentIndex 数据中正在处理的元素索引，如果提供了 initialValue ，从0开始；否则从1开始 array 调用 reduce 的数组 initialValue 可选项，其值用于第一次调用 callback 的第一个参数。如果没有设置初始值，则将数组中的第一个元素作为初始值。空数组调用reduce时没有设置初始值将会报错。 PS: 与 reduceRight()和reduce() 的执行方向相反 reverse reverse 方法颠倒数组中元素的位置，并返回该数组的引用。 shift与unshift shift() 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。 unshift() 方法将一个或多个元素添加到数组的开头，并返回新数组的长度。 slice slice() 方法返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组对象。原始数组不会被修改。 slice不修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。原数组的元素会按照下述规则拷贝： 如果该元素是个对象引用 （不是实际的对象），slice会拷贝这个对象引用到新的数组里。两个对象引用都引用了同一个对象。如果被引用的对象发生改变，则新的和原来的数组中的这个元素也会发生改变。 对于字符串、数字及布尔值来说不是String、Number或者Boolean，slice会拷贝这些值到新的数组里。在别的数组里修改这些字符串或数字或是布尔值，将不会影响另一个数组。 如果向两个数组任一中添加了新元素，则另一个不会受到影响 some some() 方法测试数组中的某些元素是否通过由提供的函数实现的测试。 toLocaleString与toString toLocaleString() 返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString 方法转成字符串，这些字符串将使用一个特定语言环境的字符串（例如一个逗号 ","）隔开。 splice splice() 方法通过删除现有元素和/或添加新元素来更改一个数组的内容。 start 指定修改的开始位置（从0计数）。如果超出了数组的长度，则从数组末尾开始添加内容；如果是负值，则表示从数组末位开始的第几位（从1计数）。 deleteCount 可选 整数，表示要移除的数组元素的个数。如果 deleteCount 是 0，则不移除元素。这种情况下，至少应添加一个新元素。如果 deleteCount 大于start 之后的元素的总数，则从 start 后面的元素都将被删除（含第 start 位）。 如果deleteCount被省略，则其相当于(arr.length - start)。 item1, item2, ... 可选 要添加进数组的元素,从start 位置开始。如果不指定，则 splice() 将只删除数组元素。 返回值 由被删除的元素组成的一个数组。如果只删除了一个元素，则返回只包含一个元素的数组。如果没有删除元素，则返回空数组。 위 내용은 JavaScript의 알 수 없는 배열 메서드 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!array.reduce(function(accumulator, currentValue, currentIndex, array), initialValue)
var total = [0, 1, 2, 3].reduce(function(sum, value) {
return sum + value;
}, 0);
// total is 6
var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
return a.concat(b);
}, []);
// flattened is [0, 1, 2, 3, 4, 5]로그인 후 복사arr.slice();
//[0,end];
arr.slice(start);
//[start,end];
arr.slice(start,end);
//[start,end];
로그인 후 복사const isBiggerThan10 = (element, index, array) => {
return element > 10;
}
[2, 5, 8, 1, 4].some(isBiggerThan10);
// false
[12, 5, 8, 1, 4].some(isBiggerThan10);
// true로그인 후 복사var number = 1337;
var date = new Date();
var myArr = [number, date, "foo"];
var str = myArr.toLocaleString();
console.log(str);
// 输出 "1,337,2017/8/13 下午8:32:24,foo"
// 假定运行在中文（zh-CN）环境，北京时区
var a=1234
a.toString()
//"1234"
a.toLocaleString()
//"1,234"
//当数字是四位及以上时，toLocaleString()会让数字三位三位一分隔，像我们有时候数字也会三位一个分号
var sd=new Date()
sd
//Wed Feb 15 2017 11:21:31 GMT+0800 (CST)
sd.toLocaleString()
//"2017/2/15 上午11:21:31"
sd.toString()
//"Wed Feb 15 2017 11:21:31 GMT+0800 (CST)"
로그인 후 복사
array.splice(start)
array.splice(start, deleteCount)
array.splice(start, deleteCount, item1, item2, ...)
로그인 후 복사
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
