蓬莱网站建设公司,wordpress加速乐,上海网站建设上海,网站的模板大厂面试题分享 面试题库
前后端面试题库 #xff08;面试必备#xff09; 推荐#xff1a;★★★★★
地址#xff1a;前端面试题库 web前端面试题库 VS java后端面试题库大全
JS的一些优雅写法
reduce
1、可以使用 reduce 方法来实现对象数组中根据某一key值求和
… 大厂面试题分享 面试题库
前后端面试题库 面试必备 推荐★★★★★
地址前端面试题库 web前端面试题库 VS java后端面试题库大全
JS的一些优雅写法
reduce
1、可以使用 reduce 方法来实现对象数组中根据某一key值求和
例如假设有以下对象数组
const arr [{ name: apple, price: 2 },{ name: banana, price: 3 },{ name: orange, price: 4 },
];
复制代码
如果要根据price属性求和可以使用以下代码
const sum arr.reduce((acc, cur) acc cur.price, 0);
console.log(sum); // 9
复制代码 其中reduce方法的第一个参数是一个回调函数它接收两个参数累加器acc和当前元素cur。回调函数的返回值会作为下一次调用回调函数时的累加器的值。reduce方法的第二个参数是累加器的初始值这里设置为0。
在回调函数中我们将累加器和当前元素的price属性相加最终得到了所有元素的price属性的总和。
map
1、可以使用map方法来实现对象数组中根据某一key值取得另外一个key的值。
例如假设有以下对象数组
const arr [{ name: apple, price: 2 },{ name: banana, price: 3 },{ name: orange, price: 4 },
];
复制代码
如果要根据name属性获取price属性可以使用以下代码
const prices arr.map(item item.name banana ? item.price : null);
console.log(prices); // [null, 3, null]
复制代码 其中map方法的参数是一个回调函数它接收一个参数当前元素item。回调函数的返回值会作为新数组的元素。在回调函数中我们判断当前元素的name属性是否等于banana如果是则返回当前元素的price属性否则返回null。最终得到了一个新数组其中只有name属性为banana的元素的price属性有值其他元素的price属性为null。
2、可以使用map方法来获取对象数组中根据某一key值得到的元素的price属性可以使用find方法来实现。
例如假设有以下对象数组
const arr [{ name: apple, price: 2 },{ name: banana, price: 3 },{ name: orange, price: 4 },
];
复制代码
如果要根据name属性获取price属性可以使用以下代码
const banana arr.find(item item.name banana);
if (banana) {console.log(banana.price); // 3
}
复制代码 其中find方法的参数是一个回调函数它接收一个参数当前元素item。回调函数需要返回一个布尔值表示当前元素是否符合条件。find方法会返回符合条件的第一个元素如果没有符合条件的元素则返回undefined。
在回调函数中我们判断当前元素是否banana如果是则返回当前元素。最终得到了一个对象其中只有name属性为banana的元素的price属性有值其他元素price属性为undefined。我们可以使用if语句来判断是否找到了符合条件的元素如果找到了则输出它的price属性。 大厂面试题分享 面试题库
前后端面试题库 面试必备 推荐★★★★★
地址前端面试题库 web前端面试题库 VS java后端面试题库大全
