JS方法map/forEach/findIndex/reduce/filter

本文主要是介绍JS方法map/forEach/findIndex/reduce/filter，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

• map

// map
//作用：对数组进行遍历
//返回值：新的数组
// 是否改变：否
var arr = [1,3,4,7];
var ret = arr.map(function(value) {return value + 1;
});
console.log(ret); //[2,4,5,8]
console.log(arr); //[1,3,4,7]

• forEach

// forEach 方法
// 作用：遍历数组的每一项
// 返回值：undefined
// 是否改变：否
var arr = [2, 5, 3, 4];
var ret = arr.forEach(function(value) {console.log(value); // 2, 5, 3, 4
});
console.log(ret); //undefined
console.log(arr); //[2,5,3,4]

• findIndex

//遍历对象比较，返还对应索引
var obj= {id: 1, name: bob},{id: 2,name: tom}
var obj2= {id: 1, name: bob}
const index = obj.findIndex((profile) => profile.name=== obj2.name)
console.log(index)// 0

• reduce

// reduce 方法
// 作用：对数组进行迭代，然后两两进行操作，最后返回一个值
// 返回值：return出来的结果
// 是否改变：不会
var arr = [1, 2, 3, 4];
var ret = arr.reduce(function(a, b) {return a * b;
});
console.log(ret); // 24
console.log(arr); // [1, 2, 3, 4]

• filter

// filter 过滤
// 作用： 筛选一部分元素
// 返回值： 一个满足筛选条件的新数组
// 是否改变原有数组：不会var arr = [2, 5, 3, 4];
var ret = arr.filter(function(value) {return value > 3;
});
console.log(ret); //[5,4]
console.log(arr); //[2,5,3,4]

这篇关于JS方法map/forEach/findIndex/reduce/filter的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---