js数组常用方法总结

以前经常在项目里需要对ajax回传回来的数组进行各种处理,也就用一下push、concat这样的方法多一些,殊不知javascript里对数组还有很多强大的方法,今天我对之进行学习和总结。

数组的创建

创建数组有两种方式,一种是直接量的形式,另一种是使用new操作符的形式。

  1. 直接量形式

注意:数组直接量的语法允许有可选的结尾逗号,故上述arr3.length的值是2而不是3。

2.调用构造函数Array

数组元素的读写操作

数组方法

push()和pop()

push方法的作用是在数组的末尾追加元素,pop则相反,是在数组的末尾删除元素

示例如下:

unshift()和shift()

与push和pop方法行为非常类似,但不一样的是unshift()和shift()是在数组的头部而非尾部进行插入和删除操作。

  • unshift() 在数组的头部插入元素

  • shift() 在数组的头部删除元素

    示例如下:

slice()

该方法用于截取数组,返回一个由截取数组元素组成的新数组,但不会影响原数组。该方法有两个参数,第一个参数表示截取的起始位置,第二个参数表示截取的结束位置,其中第二个参数还可以是负数,表示倒数第几个元素的位置,如-1表示倒数第一个元素的位置,-2表示倒数第二个元素的位置。

另外该方法还可以用于截取字符串,与substr和substring效果类似。

示例如下:

splice()

该方法用来修改数据,包括插入和删除元素,可以有多个参数,第一个参数表示要删除(插入)元素的起始位置,第二个参数表示要删除元素的个数,如果不删除元素可以将该参数置为0,如果省略该参数,则将删除起始位置到数组结尾的所有元素。第三个参数及其后的任意个参数指定了要插入到数组中的元素。

示例如下:

concat()

concat()方法用于合并两个数组并返回一个新创建的数组。

示例如下:

join()

join()方法实现将数组转成字符串,与字符串的split()方法是可逆的。该方法有一个可选参数,可以在生成的字符串中用来分隔数组的各个元素。

注意:不写参数默认以逗号作为分隔符,空字符串(“”)可以不对数组元素进行分隔,若要用其他字符进行分隔可以自己定义参数,如split(“-“)

示例如下:

reverse()

reverse()方法将数组中的元素颠倒顺序,并直接改变原数组。

sort()

sort()方法用于排序数组中的元素,并直接改变原数组。

有三种情况:

1.sort() 无参,数组元素以字母表顺序排列

2.按照数值大小升序排列

3.按照数值大小降序排列

总结

在项目中js数组是最常用的数据类型,因为业务数据一般都会以数组的方式接收,毕竟还有一种特殊的数组——json数组,从而让数组更加受开发者们的青睐,所以掌握以上数组的用法,可以更方便前端开发人员对前台业务逻辑进行处理。

(0)

相关推荐

  • JS数组的几个常用方法

    JS数组的几个常用方法

  • JS数组删除指定元素

    使用原生的JavaScript删除一个数组中指定的元素,主要涉及到数组的两个方法:indexOf()和splice() 操作方法 01 indexOf()方法可以返回被查找元素的索引值,找不到则返回- ...

  • js数组操作大全

    本文给出js(javaScript)数组(Array)操作所涉及到的所有常用内置函数说明及用法.希望对大家有所帮助 1. JS push 01 push(obj):用于将参数obj添加到数组末尾,并返 ...

  • js数组常用的几个函数总结

    javascript中,数组是很常用的.数组的函数很多,下面分享几个常用的数组函数.每个函数都用浏览器测试过. 下面每个测试结果都是在google浏览器console上执行的. 操作方法 01 len ...

  • JS中的数组转变成JSON格式字符串的方法

    有一个JS数组,如: var arr = [["projectname1","projectnumber1"],["projectname2" ...

  • js的foreach遍历怎么用

    js的foreach遍历怎么用 下面以代码演示: Js的foreach遍历怎么用 01 1.  js 数组循环遍历. 数组循环变量,最先想到的就是 for(var i=0;i<count;i++ ...

  • js删除数组重复元素

    前端工程师面试时,经常会遇到js删除数组重复元素这样的题 操作方法 01 <script> var a=["3","4","2" ...

  • JS 字符串转数组

    JS中,将一个字符串转置为数组,使用到的方法是split(),通过使用split()方法,可以轻松的将一个字符串转换为数组 操作方法 01 新建一个HTML文档,用于承载JS 02 在JS中定义一个字 ...

  • javascript(js)中怎么对数组值从小到大的排序?

    在编写前端代码时经常会使用到javascript的数组,那么我们怎么来操作呢? 操作方法 01 首先创建一个js的数组,其中里面的值大小是不按顺序的: 02 接下来我们就用js的方法来进行从小到大的排 ...