![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/98061bf03f20eedf3914b9e21ea22e8f.gif#pic_center)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d4f099d438b3453a5d7e87237cd25243.png)
实例属性
方法 | 描述 |
---|
Array.length | 返回数组元素的个数量 |
Array.constructor | 返回创建数组实例的构造函数 |
Array.prototype | 数组的原型对象 用于实现继承和共享方法等属性 |
实例方法
Array().at()
方法 | 描述 | 所属ECMAScript 版本 |
---|
Array.at() | at() 方法接收一个整数值 并返回该索引对应的元素 ,允许正数和负数 。负整数则从数组中的最后一个元素开始倒数查找。 | ECMAScript 2022(ES13) |
示例:
let arr = ["张飞", "刘备", "关羽", "孙悟空"];
console.log(arr);
console.log(arr.at());
console.log(arr.at("2"));
console.log(arr.at("非法字符串"));
console.log(arr.at(1.8));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2e66b3c87261b7554483e8139ea00db3.png)
Array().concat()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.concat() | concat() 方法用于合并两个或多个数组 。此方法不会更改现有数组,而是返回一个新数组 。 | ECMAScript 1.2 |
let arr = ["张飞", "刘备", "关羽", "孙悟空"];
let obj = ["迪迦", "赛罗", "梦比优斯"];
let data = ["vue", "react"];
console.log(arr);
console.log(obj);
console.log(data);
console.log(arr.concat(obj, data));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b185393aec1b0f0f0f005bf6dfdb5929.png)
Array().copyWithin()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.copyWithin() | copyWithin() 方法浅复制数组的一部分到同一数组中的另一个位置,并返回它,不会改变原数组的长度。 | ECMAScript 6 |
语法:
copyWithin(target)
copyWithin(target, start)
copyWithin(target, start, end)
参数
-
target 【必填项】
:
-
start 【可选项】
:
- 表示拷贝数据的
起始位置
。如果省略,默认为 下标 0。
-
end【可选项】
:
- 表示拷贝数据的结束位置(
但不包括该位置的元素
)。如果省略,默认为数组的长度。
let arr = ["张飞", "刘备", "关羽", "孙悟空", "猪八戒"];
console.log(arr.copyWithin(2, 1, 3));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/57829e96439d377a8e1f21a4af1bd3ba.png)
Array().entries()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.entries() | entries() 方法返回一个新的数组迭代器 对象,该对象包含数组中每个索引的键/值对。 | ECMAScript 2017(ES8) |
参数:无
let arr = ["张飞", "刘备", "关羽", "孙悟空", "猪八戒"];
console.log(arr.entries());
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9b1a422834ac984afd6c72b83b7928e3.png)
let arr = ["张飞", "刘备", "关羽", "孙悟空", "猪八戒"];
console.log(arr.entries());
let obj = arr.entries()
let data
for (let index = 0; index < arr.length + 1; index++) {
let a = obj.next();
console.log(a);
data = a.value;
if (a.done == true) {
console.log(a.done, "迭代结束");
break;
}
console.log(data);
}
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/de9e5a5e95652880378923016e8d1dab.png)
Array().every()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.every() | every() 方法用来检测一个数组内的所有元素是否都能满足指定的条件 。它返回一个布尔值。只要有一个不满足条件就返回 false ,全部通过条件 则返回true | ECMAScript 1.6 |
let numberarr = [15, 50, 24, 76]
console.log(numberarr.every(item => item > 50));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c0e8f6c8ee9f59ef3c612b631d2e3d30.png)
Array().fill()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.fill() | fill() 方法用指定的值填充数组的某个子区间 ,并返回原数组 | ECMAScript 6 |
语法:
array.fill(value, start, end)
参数:
value
start
end
- 可选。停止填充位置 (默认为 array.length)
let numberarr = [15, 50, 24, 76]
console.log(numberarr.fill("你好"));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/83b5842bef0b57cd72ef57e6ac0d3048.png)
Array().filter()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.filter() | filter() 方法返回一个新的数组 ,新数组中的元素是通过检查指定数组中符合条件 的所有元素 | ECMAScript 1.6 |
let numberarr = [15, 50, 24, 76, 12]
console.log(numberarr.filter(item => item > 20));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cfe60ef83bc091d96b3644e673780f8d.png)
Array().find()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.find() | find() 方法为每一项数据执行一次回调,返回满足指定条件的第一个元素的值 ,如果没有找到满足条件的值,则返回 undefined | ECMAScript 6 |
let data = [21, 35, 46, 52, 78];
const a = data.find((item) => {
return item > 40;
});
console.log(a + " find");
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/21525dd7b9a60a5b57e840fa949d9ac9.png)
Array().findIndex()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.findIndex() | 同 find 唯一区别的一点就是findIndex 返回的不再是具体的值 ,而是返回值所对引的下标索引 ,如果没有找到满足条件的值的索引,则返回 -1 | ECMAScript 6 |
Array().findLast()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.findLast() | 同 findLast 唯一区别的一点就是findLast 是通过反向迭代数组 ,返回得到满足相应条件的值,也就是数组中最后出现的值 ,如果没有找到满足条件的值,则返回 undefined | ECMAScript 2023(ES14) |
Array().findLastIndex()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.findLastIndex() | findIndex 唯一区别的一点就是findLastIndex 也是通过反向迭代数组 ,返回得到满足相应条件的值的下标索引 ,如果没有找到满足条件的值的索引,则返回 -1 | ECMAScript 2023(ES14) |
Array().flat()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.flat() | flat() 创建一个新的数组,并根据指定深度递归地将所有子数组元素拼接到新 的数组中。常用于对数组做扁平化处理 。可接受一个参数用来指定递归的层级,默认为1 ,也可以 参数指定为 Infinity ,递归到最深层 | ECMAScript 2019(ES10) |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1deb99e88a64dd73c0f4199adb3c6bc5.png)
Array().flatMap()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.flatMap() | flatMap() 方法对数组中的每个元素应用给定的回调函数,然后将结果展开一级 ,返回一个新数组。 | ECMAScript 2019(ES10) |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4a912b994146b5560f02cc20acae115f.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fa2ec31a63055179e5ecd3b9612a88f0.png)
Array().forEach()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.forEach() | forEach() 方法对数组的每个元素执行一次给定的函数,返回值为 undefined | ECMAScript 3 |
Array().includes()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.includes() | includes() 方法用来判断一个数组是否包含一个指定的值 ,根据情况,如果包含则返回 true ,否则返回 false | ECMAScript 2016(ES7) |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fd06400d1a0bc0531f69f8a407ccbbf4.png)
Array().indexOf()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.indexOf() | indexOf() 方法返回数组中第一次出现 给定元素的下标索引 ,如果不存在则返回 -1 | ECMAScript 1.6 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/47fd2080f237bfde1628ea7aa00262f6.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4181c5ee7076041546589102af8acffc.png)
Array().join()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.join() | join() 将一个数组的所有元素连接成一个字符串并返回这个字符串 ,用逗号或指定的分隔符字符串分隔 。如果数组只有一个元素,那么将返回该元素而不使用分隔符 | ECMAScript 1.1 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4027488f1fe93629e518b068893c84bf.png)
Array().keys()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.keys() | keys() 方法返回一个新的数组迭代器对象 ,其中包含数组中每个索引的键 | ECMAScript 6 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8a4968bf032d674e1590463fac92e088.png)
Array().lastIndexOf()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.lastIndexOf() | lastIndexOf() 方法返回数组中给定元素最后一次出现的索引 ,如果不存在则返回 -1 。该方法从 fromIndex 开始向前搜索数组 | ECMAScript 1.6 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2671807b63517e96ff862202b32478ef.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a923a10faee4a580de7425664097cc2f.png)
Array().map()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.map() | map() 方法创建一个新数组 ,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成 | ECMAScript 1.6 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f9f6eb2c5432219f55f194311d450855.png)
Array().pop()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.pop() | pop() 方法从数组中删除最后一个元素 ,并返回被删除该元素的值 。此方法会更改数组的长度 ,数组为空时返回 undefined | ECMAScript 1.2 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/01d5d81af439ebaec2720f5ba0487f84.png)
Array().push()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.push() | push() 方法将指定的元素添加到数组的末尾 ,并返回新的数组长度 | ECMAScript 1.2 |
Array().reduce()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.reduce() | reduce() 方法对数组中的每个元素按序执行一个提供的 reducer 函数 ,每一次运行 reducer 会将先前元素的计算结果作为参数 传入,最后将其结果汇总为单个返回值 | ECMAScript 3 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/37fba9113177fa704fe26bce17baee3b.png)
Array().reduceRight()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.reduceRight() | reduceRight() 方法同上述reduce 区别于是 reduce 的默认从左到右 reduceRight 则是按从右到左的顺序 执行 | ECMAScript 3 |
Array().reverse()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.reverse() | reverse() 方法用于颠倒,倒序 数组中元素的顺序,会修改原数组 | ECMAScript 1.1 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d71599f502f3c814260b39e07ccd9269.png)
Array().shift()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.shift() | shift() 方法从数组中删除第一个元素 ,并返回该元素的值。此方法更改数组的长度 | ECMAScript 1.2 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6cd265e462162cd142904d12acf7b096.png)
Array().slice()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.slice() | slice() 方法截取数组的一部分 ,并返回一个新数组 | ECMAScript 1.2 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a312e5177ec39a931bb2b008203f6890.png)
Array().some()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.some() | some() 方法检测数组中是否至少有一个元素满足指定的条件。如果至少有一个满足了指定条件 就返回 true ;否则返回 false 。它不会修改源数组 | ECMAScript 1.6 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5287d7e9bec3b077d3644583af9be5c6.png)
Array().sort()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.sort() | sort() 方法就地对数组的元素进行排序 ,并返回对相同数组的引用。默认排序是将元素转换为字符串,然后按照它们的 UTF-16 码元值升序排序 。 | ECMAScript 2021(ES 12) |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8b9bb4f064006a30e8e8725d8dec0a34.png)
Array().splice()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.splice() | splice() 方法用于添加或删除数组中的元素 | ECMAScript 1.2 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6e422d4c1ad25c48ae58a27969933665.png)
Array().toLocaleString()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.toLocaleString() | toLocaleString() 方法返回一个字符串 ,表示数组中的所有元素。每个元素通过调用它们自身的 toLocaleString 方法转换为字符串,并且使用特定于语言环境的字符串(例如逗号“,”)分隔开。 | ECMAScript 1.2 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/765af01542c22b9f9d84d8c98322e06f.png)
Array().toReversed()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.toReversed() | toReversed() 方法是 reverse() 方法对应的复制版本。它返回一个元素顺序相反的新数组 ,与 reverse() 的区别是不会修改源数组 ,而是返回一个新数组 | ECMAScript 2023(ES14)新特性 |
Array().toSorted()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.toSorted() | toSorted() 方法是 sort() 方法对应的复制版本。它返回一个新数组,与 sort() 的区别是不会修改源数组,其元素默认按升序排列 ,而是返回一个新数组 | ECMAScript 2023(ES14)新特性 |
Array().toSpliced()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.toSpliced() | toSpliced() 方法是 splice() 方法对应的复制版本。它返回一个新数组,与 splice() 的区别是不会修改源数组, ,而是返回一个新数组 并在给定的索引处删除和/或替换了一些元素 | ECMAScript 2023(ES14)新特性 |
Array().toString()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.toString() | toString() 方法返回一个字符串 ,将数组转字符串,表示指定的数组及其元素 | ECMAScript 2019(ES10)新特性 |
Array().unshift()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.unshift() | unshift() 方法将指定元素添加到数组的开头 ,并返回数组的新长度 | ECMAScript 1.2 |
Array().values()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.values() | values() 方法返回一个新的数组迭代器对象 ,该对象迭代数组中每个元素的值 查看详情 | ECMAScript 2017(ES8) |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a810b4321a0de565ee4f626cad02c0b1.png)
Array().with()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.with() | with() 方法它会返回一个新数组,其指定索引处的值会被新值替换 。 | ECMAScript 2023(ES14)新特性 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c1fc24f8103b9d4e39e88664f2232dea.png)
静态方法
Array().from()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.from() | from() 静态方法从可迭代或类数组对象 创建一个新的浅拷贝的数组 实例 | ECMAScript 6 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b2e550d5c6e7a7248842a1474071d083.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/25a2681c0f95716ec4fd3e9454efac59.png)
Array().fromAsync()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.fromAsync() | fromAsync() 静态方法从异步可迭代或类数组对象 创建一个新的浅拷贝的数组 实例,返回一个 Promise | ECMAScript 2024(ES15)新特性 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/71ac96905615ae37f2a00a79c49f652f.png)
Array().isArray()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.isArray() | isArray() 静态方法用于判断传递值的数据类型是否为一个数组 ,如果值是数组返回 true ,否则返回 false | ECMAScript 5 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/91e2b09043fb8a87704065753ea0eb9a.png)
Array().of()
方法 | 描述 | 所属 ECMAScript 版本 |
---|
Array.of() | of() 静态方法通过可变数量的参数创建一个新的 Array 实例 ,而不考虑参数的数量或类型 | ECMAScript 6 |
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e8d3615e6c473cbf8ea2eff654f5fa42.png)
🚵♂️ 博主座右铭:向阳而生,我还在路上!
——————————————————————————————
🚴博主想说:将持续性为社区输出自己的资源,同时也见证自己的进步!
——————————————————————————————
🤼♂️ 如果都看到这了,博主希望留下你的足迹!【📂收藏!👍点赞!✍️评论!】
——————————————————————————————