10种常见的javascript数组方法操作

 2024-03-06 01:06:23  阅读 0

数组相关的知识是面试中经常出现的东西。 Java面试题测试所有理论知识。 对于程序员开发来说,经常会出现数组方法实际操作的问题。 这需要每个人都掌握。 本文列出了10种常用的数组方法并学习如何操作它们。

数组方法有很多,包括数组原型方法和从对象继承的方法。 又可以分为使用后改变原数组的方法和不改变原数组的方法。 每个类别都包含许多不同的数组方法。 这里简单列出了 10 种常用的数组方法,并相应地给出了示例。

1. 推()

功能:向数组末尾添加一个或多个元素,并返回数组的新长度。

参数:push(, , ...)

代码如下所示:

var arr = [1,2,3];

.log(arr.push("a")); //4---返回数组当前长度

.log(arr); //[1,2,3,"a"]---原数组改变

.log(arr.push("你好","世界")); //6---可以一次添加多个数组并返回新的数组长度。

.log(arr); //[1,2,3,"a","hello",world]---原数组改变

2.shift()

功能:方法用于删除并返回数组的第一个元素。

参数:无

代码如下所示:

var arr = [1,2,3]

.log(arr.shift()); //1---返回被删除的元素

.log(arr); //[2,3]---原数组改变

.log(arr.shift()); //2---返回被删除的元素

.log(arr); //[3]---原数组改变

3.排序()

sort():将数组项按升序排列——即最小值在前面,最大值在最后。 排序时,sort()方法会调用每个数组项的()转换方法,然后比较结果字符串以确定如何排序。 尽管数组中的每一项都是数值,但 sort() 方法比较的是字符串,因此会出现以下情况:

为了解决上述问题,sort()方法可以接收一个比较函数作为参数,这样我们就可以指定哪个值在哪个值前面。 比较函数接受两个参数,如果第一个参数应该在第二个参数之前,则返回负数;如果两个参数相等,则返回 0;如果第一个参数应该在第二个参数之后,则返回正数。 下面是一个简单的比较函数:

js怎么把新值加入数组_js数组加入另一个数组_数组添加js

如果需要使用比较函数产生降序排序的结果,只需交换比较函数返回的值即可:

数组添加js_js怎么把新值加入数组_js数组加入另一个数组

4.()

():一个非常强大的数组方法。 它的用途很多,可以实现删除、插入、替换。 删除:您可以通过指定2个参数来删除任意数量的项目:要删除的第一个项目的位置和要删除的项目的数量。 例如 (0,2) 将删除数组中的前两项。 插入:可以在指定位置插入任意数量的项目,只需提供3个参数:起始位置、0(要删除的项目数)、要插入的项目。 例如,(2,0,4,6)将从当前数组的位置2开始插入4和6。

替换:可以在指定位置插入任意数量的项目,同时删除任意数量的项目。 您只需要指定 3 个参数:起始位置、要删除的项目数以及要插入的任意数量的项目。 插入的项目数不必等于删除的项目数。 例如,(2,1,4,6) 删除当前数组中位置 2 的项目,然后从位置 2 开始插入 4 和 6。 () 方法始终返回一个包含从原始数组中删除的项目的数组,如果没有删除任何项目,则为空数组。

js数组加入另一个数组_数组添加js_js怎么把新值加入数组

5. () 和 ()

():接收两个参数:要搜索的项和(可选)指示搜索起始位置的索引。 其中,从数组开头(位置0)开始向后搜索。

:接收两个参数:要搜索的项目和(可选)指示搜索起始位置的索引。 其中,从数组末尾开始向前搜索。

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

js数组加入另一个数组_数组添加js_js怎么把新值加入数组

6.()

功能:1、功能相同; 2、回调函数需要返回布尔值。 当为true时,就返回这个数组的数据,最后将所有回调函数的返回值组成一个新的数组返回(这个函数可以理解为“过滤器”)。

参数: () 接收回调函数作为参数。 这个回调函数需要有返回值; (); 默认有三个参数,分别是value、index、self:

value:遍历到的数组元素; index:元素对应的索引; self:数组本身。

(1) 功能1:同

js怎么把新值加入数组_数组添加js_js数组加入另一个数组

(2)功能2:当回调函数的返回值为true时,本次返回数组值,并组成新数组返回

数组添加js_js数组加入另一个数组_js怎么把新值加入数组

7.ES6新功能:from()

功能:将类数组对象和可遍历对象转换为数组

参数:来自(, , )

:必填,要转换为数组的对象

:可选,为数组中的每个元素调用的函数

:可选,映射函数中的this对象()

8、()

():循环遍历数组并对数组中的每个项目运行给定的函数。 该方法没有返回值。 参数都是类型,默认传递参数。 参数为:遍历到的数组内容; 相应的数组索引和数组本身。

js怎么把新值加入数组_数组添加js_js数组加入另一个数组

9. 地图()

map():指“映射”,对数组中的每一项运行给定的函数,并返回由每个函数调用的结果组成的数组。 以下代码使用 map 方法对数组中的每个数字进行平方:

10, 10.()

功能:1、功能相同; 2、回调函数需要返回一个布尔值。 当为true时,就返回这个数组的数据,最后将所有回调函数的返回值组成一个新的数组返回(这个函数可以理解为“过滤器”)。 参数: () 接收回调函数作为参数。 这个回调函数需要有返回值; (); 默认有三个参数,分别是value、index、self。 value:遍历到的数组元素; index:元素对应的索引; self:数组本身

(1) 功能1:同

数组添加js_js怎么把新值加入数组_js数组加入另一个数组

(2)功能2:当回调函数的返回值为true时,本次返回数组值,并组成新数组返回

数组添加js_js怎么把新值加入数组_js数组加入另一个数组

以上就是今天列出并介绍的10种阵法。 它们是常用的数组方法,也是大家必须掌握的操作。 对于更全面的数组方法,您可以在本站学习。

标签: 回调函数 数组 arr

如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码