首页 > 编程语言 >7个JavaScript中的基本数组方法

7个JavaScript中的基本数组方法

时间:2022-11-08 15:02:11浏览次数:42  
标签:JavaScript indexOf 方法 元素 查找 数组 添加

7个JavaScript中的基本数组方法_数组

原文 | https://javascript.plainenglish.io/7-essential-array-methods-in-javascript-you-need-2021-246e2f3d6052

原译 | 杨小二


如果你正在寻找从数组中添加、删除或查找元素的最简单方法?阅读本文后,你将能够在一行中完成与数组相关的基本JavaScript 操作。每种方法都通过代码示例进行解释。

总的来说,JavaScript 生态系统中有几种可用的方法。本文将介绍基本的 7 种方法,通过这些方法,你可以立即从数组中添加、删除或查找元素。

让我们开始假设数组中有五个蔬菜表情符号。

7个JavaScript中的基本数组方法_javascript_02

1、push()

push 方法在数组的最后位置添加一个元素。

7个JavaScript中的基本数组方法_数组_03

push() 可以与 apply() 一起使用来合并数组。

7个JavaScript中的基本数组方法_数组_04

2、unshift()

unshift 方法将一个元素添加到数组的第一个位置。

7个JavaScript中的基本数组方法_javascript_05

unshift() 可用于在数组的开头添加嵌套数组。

7个JavaScript中的基本数组方法_javascript_06

3、pop()

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

7个JavaScript中的基本数组方法_迭代_07

在空数组上使用pop()方法将返回undefined。

4、shift()

shift 方法从数组中删除第一个元素。

7个JavaScript中的基本数组方法_迭代_08

shift() 可用于在打印结果时迭代数组。

7个JavaScript中的基本数组方法_迭代_09

5、conact()

concat 方法可以合并多个数组并返回单个组合数组。

7个JavaScript中的基本数组方法_javascript_10

contact() 可用于合并数组中的任何类型的对象。

6、indexOf()

indexOf 方法返回可以在数组中找到的元素的第一个位置。

7个JavaScript中的基本数组方法_javascript_11

此 indexOf() 可用于查找数组中某个元素的出现次数。

7个JavaScript中的基本数组方法_迭代_12

7、 lastIndexOf()

lastIndexOf 方法返回可以在数组中找到的元素的最后位置。

7个JavaScript中的基本数组方法_迭代_13

这个 lastIndexOf() 可用于查找数组中元素的出现次数。

7个JavaScript中的基本数组方法_迭代_14

现在,你将能够使用数组方法执行基本操作。

感谢你的阅读,如果你还有更好的办法或者问题的话,可以在留言区给我留言。


学习更多技能请点击下方公众号

7个JavaScript中的基本数组方法_javascript_15

7个JavaScript中的基本数组方法_数组_16

标签:JavaScript,indexOf,方法,元素,查找,数组,添加
From: https://blog.51cto.com/u_15809510/5833141

相关文章

  • JavaScript 中的去抖动
    英文| https://medium.com/pragmatic-programmers/debouncing-in-javascript-4c6dd704695a翻译|杨小二JavaScript语言的发明是为了响应用户在网页上的交互。虽然大多数......
  • 20个你需要知道的JavaScript简写代码片段
    英文| https://javascript.plainenglish.io/20-javascript-short-hands-you-need-to-know-in-2021-c0ed25a40837翻译|杨小二1、可选链你尝试访问对象上的嵌套属性时,你可......
  • idea自动生成类注释和方法注释
    一,自动生成类注释打开Setting,选在Editor,然后是FileandCodeTemplates 最后是Files 中的Class,点击class后,编辑右边的红色边框,里边是模板,将模板设置好,点击ok即可。 ......
  • python第三十课---面向对象的魔法方法,元类相关知识
    昨日内容回顾派生方法实战案例1.继承某个类2.重写被继承类里面的某个方法3.在方法内添加一些额外的操作4.最后利用super重新调用被继承类里面的方法"""super:子类......
  • 【JavaScript 教程】第五章 字符串01— JavaScript 字符串
    英文 | https://www.javascripttutorial.net/译文|杨小爱在上节,我们学习了JavaScript流程中的 continue 语句,错过的小伙伴可以点击文章《​​【JavaScript教程】第四......
  • 6 个 JavaScript 算术运算符
    英文|https://javascript.plainenglish.io/the-6-javascript-arithmetic-operators-you-need-to-know-about-4255ae8f2502翻译|杨小爱在您的开发项目中,您总是会遇到一些......
  • 工厂方法模式
    目前常用的加密算法有DES(DataEncryptionStandard)和IDEA(InternationalDataEncryptionAlgorithm)国际数据加密算法等,请用工厂方法实现加密算法系统。类图   源码......
  • JavaScript超大文件上传解决方案:分片断点上传
    ​ javaweb上传文件上传文件的jsp中的部分上传文件同样可以使用form表单向后端发请求,也可以使用ajax向后端发请求    1. 通过form表单向后端发送请求    ......
  • 4.寻找两个正序数组的中位数
    思路原问题难以直接递归求解,所以我们先考虑这样一个问题:在两个有序数组中,长度分别为n、m,找出第k小数。如果该问题可以解决,那么第k=(n+m)/2小数就是我们要求的中位......
  • opencv筛选轮廓的几种方法总结
    在使用opencv处理图像的时候,在获取ROI区域这一步用的最多的就是找到指定区域,一般是根据轮廓提取,我们可以通过opencv中的findContours()函数来查找图片中的轮廓,但是会发现找......