2016 - 2024

感恩一路有你

es6中 Map的用法 如何更优雅的写好JavaScript?

浏览量:1448 时间:2023-04-06 19:21:19 作者:采采

如何更优雅的写好JavaScript?

今天翻了翻一年多前写的代码,感觉年轻的自己写的代码真的是一个模式(不过现在好不了多少)。最近看了很多关于函数式编程和设计模式的书籍和文章,想分享一些让JS代码更优雅的小技巧。

1.善用函数式编程

2.lodash中一些有用的东西(LODASH是著名的JS工具库,里面包含了很多函数方法和接口。在项目中引入逻辑可以简化很多冗余的逻辑。)

web循环使用方法?

前端开发为我们提供了数组的概念。很多数据可以存储在一个数组中,但是当我们需要找到里面的数据时,我们需要遍历这个数组。那么遍历数组的方法有哪些呢?

一.对于周期

长度属性是一个非常特殊的属性。看到数组,肯定会想到长度。它有什么具体特征?

1.数组是一组数据,length属性表示该数组中内容的数量。数组长度的简称。

2.数组对象没有方法,只有唯一的属性长度。

3.当设置了该属性时,意味着要修改数组的长度。数组的长度将会改变。

4.读取时,会实时返回数组的当前长度。

For循环实现数组的遍历

原则:

1.通过for构造下标,并根据下标取出特定元素。

2.(变量名。length)可以动态检测数组元素的个数。

[i]表示哪个数字,不是计数器,而是数组元素。

指示有几个,这是数组的长度。

第二,外语

forEach()函数从头到尾遍历数组。有三个参数:数组元素,元素的索引和数组本身(如果是参数,就是数组元素,也就是数组的值。

输出结果:

这表明:

表示数组中的值,key表示对应数组的下标。

2.方法用于调用数组的每个元素,并将元素传递给回调函数,没有返回值。

三、地图()

Map方法是对原数组进行逐项循环处理,返回一个新数组,同时不会改变原数组的值。

输出结果:

注意:

1.返回一个新数组,但不改变原始数组。

该方法有一个返回值,它是通过变量接收的。

第四,遍历数组的形成

Es6添加了一个新的for循环来获取元素。

优势:

与forEach方法不同,它可以与break、continue和return一起使用。

为遍历所有数据结构提供统一的操作接口。

注意:

的无法遍历对象。

方法 函数 元素 长度 遍历

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。