分享更有价值
被信任是一种快乐

JS优雅的写法有哪些

文章页正文上

今天小编给大家分享一下JS优雅的写法有哪些免费云主机、域名的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 JS的一些优雅写法reduce1、可以使用 reduce 方法来实现对象数组中根据某一key值求和例如,假设有以下对象数组:如果要根据price属性求和,可以使用以下代码:其中,reduce方法的第一个参数是一个回调函数,它接收两个参数:累加器(acc)和当前元素(cur)。回调函数的返回值会作为下一次调用回调函数时的累加器的值。reduce方法的第二个参数是累加器的初始值,这里设置为0。在回调函数中,我们将累加器和当前元素的price属性相加,最终得到了所有元素的price属性的总和。map1、可以使用map方法来实现对象数组中根据某一key值,取得另外一个key的值。例如,假设有以下对象数组:如果要根据name属性获取price属性,可以使用以下代码:其中,map方法的参数是一个回调函数,它接收一个参数:当前元素(item)。回调函数的返回值会作为新数组的元素。在回调函数中,我们判断当前元素的name属性是否等于’banana’,如果是,则返回当前元素的price属性,否则返回null。最终得到了一个新数组,其中只有name属性为’banana’的元素的price属性有值,其他元素的price属性为null。2、可以使用map方法来获取对象数组中根据某一key值得到的元素的price属性,可以使用find方法来实现。例如,假设有以下对象数组:如果要根据name属性获取price属性,可以使用以下代码:其中,find方法的参数是一个回调函数,它接收一个参数:当前元素(item)。回调函数需要返回一个布尔值,表示当前元素是否符合条件。find方法会返回符合条件的第一个元素,如果没有符合条件的元素,则返回undefined。在回调函数中,我们判断当前元素是否banana,如果是,则返回当前元素。最终得到了一个对象,其中只有name属性为’banana’的元素的price属性有值,其他元素price属性为undefined。我们可以使用if语句来判断是否找到了符合条件的元素,如果找到了,则输出它的price属性。以上就是“JS优雅的写法有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注云技术行业资讯频道。

相关推荐: await是es7的吗

本文小编为大家详细介绍“await是es7的吗”,内容详细,步骤清晰,细节处理妥当,希望这篇“await是es7的吗”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 await是es7。async和await是ES7中新增内容,是对于…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册