【JavaScript】数组 重要方法详解篇（四）

💻 【JavaScript】数组的方法详解(四)🏠专栏：JavaScript
👀个人主页：繁星学编程🍁
🧑个人简介：一个不断提高自我的平凡人🚀
🔊分享方向：目前主攻前端，其他知识也会阶段性分享🍀
👊格言：☀️没有走不通的路，只有不敢走的人！☀️
👉让我们一起进步，一起成为更好的自己！！！🎁

【JavaScript】 数组（Array）方法

一. 迭代方法

(1) find()

语法：

数组.find(function( item, index, origin ){})

参数：

• item 数组的每一项
• index 数组每一项的索引
• origin 原始数组

作用：在原始数组中查找满足条件的第一项

返回值：

如果找到满足条件的，则返回该值。
如果没有找到，则返回undefined。

var arr = [100, 200, 300, 400, 500];
var res = arr.find(function(item, index) {
    return item > 300;  // 400
    // return item > 3000; // undefined
})
console.log(res);

(2) findIndex()

语法：

数组.findIndex(function(item, index, origin){})

参数：

• item 数组的每一项
• index 数组每一项的索引
• origin 原始数组

作用：查找数组满足条件的第一项的索引

返回值：

找到相应的数据，则返回该数据对应的索引值。
如果没有找到，则返回-1。

var arr = [100, 200, 300, 400, 500];
var res = arr.findIndex(function (item) {
    // return item > 300; // 3
    return item > 3000; // -1
})
console.log(res);

二. 位置方法

(1) includes()

语法：

数组.includes(数据)

作用：查找该数据在不在数组中。

返回值：

如果在数组中找到该数据，则返回true；
如果没有找到，则返回false。

var arr = [100, 200, 300, 400, 500];
var res = arr.includes(300);
console.log(res); // true

三. 归并方法

(1) reduce()

语法：

数组.reduce(function(prev, item, index, origin){}, init)

参数：

• prev 迭代的结果
• item 数组的每一项
• index 数组每一项的索引
• origin 原始数组
• init 迭代的初始值(可选)

prev的值，如果书写了init，prev第一次就是init的值； 如果没有书写init，prev第一次就是数组索引为0项对应的值；
init的值，如果书写了init，循环执行了length次；如果没有书写init，循环执行length-1次，从索引值为1项开始循环。

作用：迭代，把整个数组迭代为一个结果

返回值：最终迭代的结果

注：迭代的条件使用return形式书写

var arr = [100, 200, 300, 400, 500];
var res = arr.reduce(function(prev, item) {
    return prev + item * item;
});
console.log(res); // 540100

var arr = [100, 200, 300, 400, 500];
var res = arr.reduce(function(prev, item) {
    return prev + item * item;
},100);
console.log(res); // 550100

四. 转换方法

(1) toString()

toString() 方法返回一个字符串，表示指定的数组及其元素。

语法：

数组.toString()

返回值：一个表示数组所有元素的字符串。

// eg:
const array1 = [1, 2, 'a', '1a'];
console.log(array1.toString()); // "1,2,a,1a"

结束语：

希望对您有一点点帮助，如有错误欢迎小伙伴指正。
👍点赞：您的赞赏是我前进的动力！
⭐收藏：您的支持我是创作的源泉！
✍评论：您的建议是我改进的良药！
一起加油！！！💪💪💪