javascript 数组输出-2. 使用数组构造函数

2023-08-29 0 4,035 百度已收录

字段是js中最常用的数据集合,其外部化的方式有很多种。 熟练掌握这样的方式可以有效的提高我们的工作效率,对我们的代码质量有很大的影响。

1. 创建链表

1.使用链表文字表示法

2.使用不带参数的Array构造函数来构造

如果只传递一个value参数,则表示创建一个初始宽度为指定值的空链表

如果传入非数字参数或者参数个数小于1,则表示创建一个包含指定元素的链表。

3.Array.of方式创建链表(es6新增)

ES6 新的链表创建方法的目的之一就是帮助开发者在使用 Array 构造函数时避免 js 语言中的一个奇怪点。

Array.of() 方法将始终创建一个包含所有传入参数的链表,无论参数的数量和类型如何。

4.Array.from方式创建链表(es6新增)

在js上将非字段对象转换为真实字段是非常繁琐的。 在 ES6 中,只有当第一个参数传入可迭代对象或类字段对象时,Array.from() 才能返回链表。

映射转换

如果要执行进一步的字段转换,可以将映射函数作为第二个参数传递给 Array.from() 方法。 该函数将字段对象的每个值转换为目标方法,并将其存储在目标字段的相应位置。

如果映射函数需要作用于对象,您可以自动将第三个参数传递给 Array.from() 方法,从而在映射函数内指定 this 的值。

2、数组方法链表原型方法主要有以下各方法基本功能解释 1. join()

join()方法用于将链表中的所有元素转换为字符串。

javascript 数组输出-2. 使用数组构造函数

元素由指定的分隔符分隔。默认情况下使用冒号作为分隔符

重复字符串可以通过join()方法实现。 只需要传入字符串和重复次数即可返回重复的字符串。 函数如下:

2.push()和pop()

push()方法从链表尾部向字段添加元素,可以添加一个或多个元素。

pop()方法用于删除字段的最后一个元素并返回删除的元素。

3.shift()和unshift()

shift()方法用于从中删除链表的第一个元素并返回第一个元素的值。

unshift() 方法将一个或多个元素添加到列表的开头并返回新的厚度。

4. 排序()

sort()方法用于对链表的元素进行排序。

排序顺序可以是字母顺序或数字顺序,也可以是降序或升序。

默认排序顺序是逆字母顺序。

为了解决上述问题javascript 数组输出,sort()方法可以接收一个比较函数作为参数,这样我们就可以指定哪个值位于该值后面。

比较函数接受两个参数,如果第一个参数应该在第二个参数之前,则返回正数;如果两个参数相等,则返回 0;如果第一个参数应该在第二个参数之后,则返回负数。 这是一个简单的比较函数:

如果需要使用比较函数形成升序排列的结果,只需交换比较函数返回的值即可:

5. 反向()

reverse() 方法用于反转字段中元素的顺序。

javascript 数组输出-2. 使用数组构造函数

6. 连接()

concat() 方法用于连接两个或多个字段。

此方法不会更改现有字段,而只会返回链表的副本。

从测试结果可以发现,如果输入不是链表,参数会直接添加到链表的一边。 如果输入是链表,链表中的每一项都会被添加到链表中。 而如果传入一个二维链表呢?

7. 切片()

slice():返回一个新的链表,该链表由原链表的指定起始下标到结束下标的项组成。

slice() 方法可以接受一两个参数,即要返回的项的开始位置和结束位置。

在只有一个参数的情况下,slice()方法返回从参数指定的位置到当前链表末尾的所有项。

给定两个参数,此方法返回起始位置和结束位置之间(但不包括)的项目。

当出现正数时,将正数添加到字段宽度(6)的值中以替换该位置的数字

8. 拼接()

splice():一个非常强大的链表方法,它的用法很多,可以实现删除、插入和替换。

1)、删除元素,并返回删除的元素

只需指定 2 个参数即可删除任意数量的项目:要删除的第一个项目的位置和要删除的项目的数量。 例如,splice(0,2) 将删除链表中的前两项。

2)、向指定索引添加元素

可以将任意数量的项目插入到指定位置,只需提供3个参数:起始位置、0(要删除的项目数)、要插入的项目。 例如,splice(2,0,4,6)将从当前链表的位置2开始插入4和6。

3)替换指定索引位置的元素

javascript 数组输出-2. 使用数组构造函数

可以在指定位置插入任意数量的项目,也可以同时删除任意数量的项目,只需要指定三个参数:起始位置、删除的项目数量、任意数量的项目被插入。 插入的项目数不必等于删除的项目数。 例如,splice(2,1,4,6)会删除当前链表位置2处的项,然后从位置2处插入4和6。

9.indexOf()和lastIndexOf()

采用两个参数:要查找的项目和(可选)指示从何处开始搜索的索引。

indexOf():从链表开头(位置0)向后搜索。

lastIndexOf:从链表末尾开始向前搜索。

两种方法都返回该项目在列表中的位置,如果未找到,则返回 -1。 将第一个参数与链表中的每个项目进行比较时使用相等运算符。

10.forEach()

forEach():遍历链表并对链表中的每一项运行给定的函数。 该方法没有返回值。 参数都是函数类型,默认传递。

参数为:遍历字段的内容; 相应字段的索引以及链表本身

11. 地图()

map()方法返回一个新的字段,字段中的元素是对原字段元素调用函数处理后的值。

map() 方法按照原始字段元素的顺序顺序处理元素。

该方法不会改变原来的字段

12. 过滤器()

filter():“过滤”函数,链表中的每一项都运行给定的函数,并返回满足过滤条件的字段。

13.es6中添加fill()

fill() 方法可以用特定值填充链表中的一个或多个元素。 当只使用一个参数时,该方法会用该参数的值填充整个链表。

javascript 数组输出-2. 使用数组构造函数

如果不想改变链表中的所有元素,而只想改变其中的一部分,可以使用可选的起始位置参数和结束位置参数(不包含结束位置的元素)

3个参数:填充值、起始位置参数、结束位置参数(不包括结束位置的元素)

14. 每个()

every():判断链表中的每一项是否满足条件,只有所有项都满足条件时才返回true。

15. 一些()

some():判断字段中是否存在满足条件的项。 只要有一项满足条件,就会返回true。

16.es7中添加的includes()

include()方法用于判断链表是否包含指定值,如果返回true,否则返回false。

有两个参数,第一个是(必填)要搜索的元素的值,第二个是(可选)开始搜索元素的位置

请注意,包括使用 === 运算符进行值比较,但有一个例外:NaN 被视为等于其自身。

17.reduce()和reduceRight()

这两个方法将实现迭代链表的所有项(即累加器),然后创建最终的返回值。

reduce()方法从链表的第一项开始,逐项遍历到末尾。

reduceRight() 从链表中的最后一项开始向前遍历到第一项。

4 个参数:先前值、当前值、项目索引和字段对象

18. toLocaleString() 和 toString()

将字段转换为字符串

19. find() 和 findIndex()

find() 和 findIndex() 方法都接受两个参数:一个弹跳函数,以及一个用于在弹跳函数内指定此参数的可选值。

ounce函数接受三个参数:链表的一个元素、该元素对应的索引位置以及链表本身。

当给定元素满足您定义的条件时,bounce 函数应该返回 true,并且当ounce 函数第一次返回 true 时,find() 和 findIndex() 方法将停止搜索。

两者的区别在于:find()方法返回匹配的值,而findIndex()返回匹配位置的索引。

20. copyWithin()[es6 新]

copyWithin()方法用于将元素从链表的指定位置复制到链表的另一个指定位置。

该方法会改变现有的字段

默认情况下,copyWithin()方法将始终复制到链表的末尾,但您也可以提供一个可选参数来限制将覆盖的元素数量。 第三个参数指定复制停止的位置(不包括位置本身)。

21.es6中添加了flat()和flatMap()

flat()方法会按照指定的深度递归遍历字段,并将所有元素与遍历到的子列表中的元素组合成一个新字段并返回。

该方法返回一个新字段,对原始数据没有影响。

参数:指定提取嵌套字段的结构深度,默认值为1。

flatMap()方法对原始字段的每个成员执行一个函数,相当于执行Array.prototype.map(),然后对由返回值组成的字段执行flat()技术。

此方法返回一个新字段,而不更改原始字段。

22.entries(),keys()和values()【ES6】

Entry()、Keys() 和 Values() - 用于遍历链表。它们都返回一个遍历器对象,可以用 for...of 循环遍历

区别在于keys()是键值的遍历javascript 数组输出,values()是通配符的遍历,entries()是通配符对的遍历

如果不使用for...of循环,可以自动调用遍历器对象的next方法进行遍历。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 javascript javascript 数组输出-2. 使用数组构造函数 https://www.wkzy.net/game/180167.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务