数组的常用方法

导读:本篇文章讲解 数组的常用方法,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

内置方法:直接使用,只需按要求传递对应的参数

1.join(连接字符)

将数组中的元素通过给定的连接字符连成一个字符串

例:var result = arr.join(“@-@”)

不会对原数组产生影响,而是将转换后的字符串作为结果返回,在join()中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符,如果不指定连接符,则默认使用“,”作为连接符

2.push(值/变量)

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

3.pop()

删除数组的最后一个元素,并将被删除的元素作为返回值返回

4.shift()

删除数组的第一个元素,并将被删除的元素作为返回值返回

5.unshift(值/变量)

向数组开头添加一个或多个元素,并返回新的数组长度

6.sort()

对数组中的元素进行排序,也会影响原数组,默认会按照Unicode编码进行排序

7.reverse()

反转数组(前边的去后边,后边的去前边),该方法会直接修改原数组

 8.concat()

连接两个或多个数组,并将新的数组返回,该方法不会对原数组产生影响

例:

var arr = ["孙悟空", "猪八戒", "沙和尚"]; 
var arr2 = ["白骨精", "玉兔精", "蜘蛛精"]; 
var arr3 = ["二郎神", "太上老君", "玉皇大帝"]; 
var result = arr.concat(arr2, arr3, "牛魔王", "铁扇公主"); 
console.log(result);

9.slice()

从数组提取指定元素,该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回

在截取时需要指定开始位置(开始下标)和结束位置(结束下标)

第一个参数:截取开始的位置的索引,包含开始索引

第二个参数:截取结束的位置的索引,不包含结束索引,第二个参数可以省略不写,此时会截取从开始索引往后的所有元素

注意:索引可以传递一个负值,如果传递一个负值,则从后往前计算,-1代表倒数第一个,-2代表倒数第二个。

10.splice()

1)删除元素

splice(参数1,参数2):返回的删除的元素。第一个参数代表下标,第二个参数表示删除的项数

2)替换/插入元素

splice(参数1,参数2,参数3)

参数1:表示替换起始位置(下标)

参数2:表示项数(几项),为0时,就是插入新元素。

参数3:传递一些新的元素,这些元素将会自动插入到开始位置索引前边

11.indexOf(元素)

从左向右查找元素的位置。返回元素在数组中的下标(索引),返回-1表示没有找到

 12.lastIndexOf(元素)

从右向左查找元素的位置。返回元素在数组中的下标(索引),返回-1表示没有找到

13.filter

语法:filter(function(value,index) {           

函数体语句

} ​

实现对数组元素的”过滤”,返回的元素构成一个新的数组

var arr = [1,2,3,4,5,6,7,8,9,10] 
var temp = arr.filter(function(value,index){ //value:表示数组元素,index:表示数组元素的下标
      return  index % 3==0 || value>=8 //返回下标对3取余等于的元素 
}) 
console.log(temp)

14.fill(值/变量)

用给定的值或变量填充数组

1)填充值:

var arr = new Array(5)
        arr.fill(1)   //数组的5个单元中都是1
        console.log(arr)
        arr.fill(1,2)   //填充错误
        arr.fill(1,2,3,4,5)  //填充错误

2)填充变量:

        var r = 10
        var arr = new Array(5)
        arr.fill(r)

15.every

语法:(function(value) { // 判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回

true return 条件表达式)

})

16.includes()

判断一个数组中是否包含一个指定的值

var flag = arr.includes(89) //判断arr数组中是否包含89,若有返回true,没有就返回false

var flag1 =arr.includes(89,3) //从下标为3的元素开始查找,若有返回true,没有就返回false

17.findindex

语法:(function(value){//返回符合条件的元素的索引
return表达式
})

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/79788.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!