首页 > 其他分享 >js中的数组方法

js中的数组方法

时间:2023-04-15 10:55:34浏览次数:47  
标签:splice 删除 元素 js 数组 方法 作用

js中数组方法大全

平常在写代码的时候,我们经常会用到数组这个类型,那么数组到底有多少方法,方法各自的作用又是什么呢?

1. toString

作用: 把数组转换为数组值(逗号分隔)的字符串。

示例: Array.toString()

2. join

作用: 将所有数组元素结合为一个字符串。区别与toString ,join可以规定分隔符。

示例: Array.join(‘,’)

3. Popping 和 Pushing

pop方法: 从数组中删除最后一个元素;

push方法:(在数组结尾处)向数组添加一个新的元素。

4. shift

会删除首个数组元素,并把所有其他元素“位移”到更低的索引。

5. unshift

方法(在开头)向数组添加新元素,并“反向位移”旧元素。

6. delete

作用:删除指定的元素,并且把当前元素变成undefined

缺点: 会把当前元素变成未定义的空洞,不会变更其他元素的索引下标。

7. splice

作用: 删除数组指定元素或者同时添加新元素进入数组

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

第一个参数(2)定义了应添加新元素的位置(拼接)。

第二个参数(0)定义应删除多少元素。

其余参数(“Lemon”,“Kiwi”)定义要添加的新元素。

splice() 方法会返回一个包含已删除项的数组。

使用splice方法来删除数组指定项:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除 fruits 中的第一个元素

8. concat

作用: 通过合并(连接)现有数组来创建一个新数组。

注意点: 不会更改现有数组,它总是返回一个新数组;可以使用任意数量的数组参数;

9. slice

作用: 用数组的某个片段切出新数组。

注意点: 它不会从源数组中删除任何元素。

10. reverse

作用: 翻转数组,将数组倒置。

注意点: 会改变原数组。

11. sort

作用: 冒泡排序

注意点:这个方法里面的参数可有可无,默认情况下的排序方式是根据位来进行排序,而非值的大小,先比较第一位数字在前,字母在后,若相同则比较后面位(实际是比较各个值转化为字符串后的各个位点的unicode位点);若传参,则参数为一个方法:

完整示例:

const a = [31, 22, 27, 1, 9]
a.sort((a, b)=>{
  return a - b
})

12. findIndex

作用: 返回数组中第一个匹配fn函数中条件的索引没有则返回undefined(不改变原数组)

13. includes

作用: 返回一个布尔值,表示某个数组是否包含给定的值(不改变原数组)

14. some

作用: 检查数组中是否含有满足fn函数条件的值(不改变原数组)

15. forEach

作用: 遍历数组(不改变原数组)

16. map(fn)

作用: 以fn函数中返回值组成新的数组返回(不改变原数组)

以上就是我们经常会用到的数组方法。

标签:splice,删除,元素,js,数组,方法,作用
From: https://www.cnblogs.com/DTCLOUD/p/17320675.html

相关文章

  • 非全研究生业-室内定位研究-UWB多径抑制方法
    UWB技术可以通过接收来自不同路径的多个信号来实现定位,这些信号经常被称为多径。在UWB定位系统中,一些常用的多径抑制方法包括:时间域滤波:对UWB信号的接收信号进行低通滤波,去除高频成分,从而减少多径效应的影响。频域滤波:通过在频域上滤除高频噪声来抑制多径效应。其中,多个子载波可以......
  • leetcode:排序数组
    题目描述给你一个整数数组 nums,请你将该数组升序排列。示例1:输入:nums=[5,2,3,1]输出:[1,2,3,5]示例2:输入:nums=[5,1,1,2,0,0]输出:[0,0,1,1,2,5]题目地址:912.排序数组解题思路 这道题目直接告诉你了要排序,关键是选中什么样的排序算法?题目的限制条件是有两个,第......
  • #yyds干货盘点#Spring事务回滚的两种方法
    Spring事务回滚的前提是你当前使用的数据库必须支持事务,比如MySQL的Innodb是支持的,但Mysaim则是不支持事务的。方法一使用@Transaction来配置自动回滚,可以配置在类上,也可以配置在方法上(作用域不同),但对final或private修饰的方法无效,且该类必须是受spring所管控的,也就是被已经被注......
  • Three.js教程:3D场景中插入新的几何体
    推荐:将NSDT场景编辑器加入你3D工具链其他工具系列:NSDT简石数字孪生3D场景中插入新的几何体前面课程绘制了一个立方体效果,下面通过three.js的球体构造函数SphereGeometry()在三维场景中添加一个球几何体。SphereGeometry构造函数SphereGeometry(radius,widthSegments,height......
  • JS 实现网络测速
    JS实现网络测速一、背景知识在日常生活中,有时候感觉网络卡,就想测一下网速是多少(明知道卡,但是还是想看看是否真的卡,害)。这时候我们可能会打开测速网-专业测网速,网速测试,宽带提速,游戏测速,直播测速,5G测速,物联网监测-SpeedTest.cn,但是我们可以用JS写一个Demo......
  • 3.传统计算机视觉方法
    传统计算机视觉方法ChatGPT:传统的计算机视觉方法是指在深度学习广泛使用之前,主要采用传统机器学习、数字信号处理等技术的一系列方法。以下是其中一些常用的方法和模型:特征提取方法特征提取是计算机视觉中一个非常基础而重要的步骤,其目的是从图片或视频数据中提取出具有代表......
  • 【剑指 Offer】 66. 构建乘积数组
    【题目】给定一个数组A[0,1,…,n-1],请构建一个数组B[0,1,…,n-1],其中B[i]的值是数组A中除了下标i以外的元素的积,即B[i]=A[0]×A[1]×…×A[i-1]×A[i+1]×…×A[n-1]。不能使用除法。示例:输入:[1,2,3,4,5]输出:[120,60,40,30,24]来源:力扣(LeetCode)链接:https://leetc......
  • 【230414-2】在一块并排10垄的田地中,选择2垄分别种植A、B两种作物,每种作物种植1垄。为
    ......
  • 【230414-3】有3种不同颜色的灯泡,要在如图所示的6个点A、B、C,A',B‘,C’上各安装1个灯
    ......
  • nodejs jimp图片剪裁
    1、buffer保存至本地//引入文件varfs=require("fs")//打开文件varfd=fs.openSync("hello.txt","w")//向文件内写入内容fs.writeSync(fd,"传入的内容")//关闭文件fs.closeSync(fd)2、图片剪裁https://blog.csdn.net/weixin_44402694/article/details/10643......