💻 【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"
结束语:
希望对您有一点点帮助,如有错误欢迎小伙伴指正。
👍点赞:您的赞赏是我前进的动力!
⭐收藏:您的支持我是创作的源泉!
✍评论:您的建议是我改进的良药!
一起加油!!!💪💪💪