数组的常用方法

最新推荐文章于 2023-05-24 21:50:08 发布
最新推荐文章于 2023-05-24 21:50:08 发布
阅读量700 收藏 2
点赞数 1
文章标签： javascript html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdnid_0001/article/details/127501238
版权

数组的常用方法

（内置方法：直接使用，只需按要求传递对应的参数）

1、join(连接字符)

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

var arr = [1,2,3,4];
        let a = arr.join('*');
        console.log(a);//1*2*3*4

2、push(值/变量)

从数组的末尾向数组添加元素

 var arr = [12, 23, 26, 45, 58, 60];
        arr.push(88);
        console.log(arr);//[12, 23, 26, 45, 58, 60, 88]

3、pop()

从数组的末尾删除元素，一次只删除一个，返回的是被删除的元素。无需传参

var arr = [12, 23, 26, 45, 58, 60];
        let b = arr.pop();
        console.log(b);//60

4、shift()

从数组的首部删除元素

var arr = [12, 23, 26, 45, 58, 60];
        let c = arr.shift();
        console.log(c);//12
        let d = arr.shift(1);//参数代表元素下标
        console.log(d);//23---返回被删除的元素的值
        let e = arr.shift(1,2);
        console.log(e);//26
 var arr = [12, 23, 26, 45, 58, 60];
        arr.shift(12);
        console.log(arr);//[23,26,45,58,60]

5、unshift(值/变量)

从数组的首部插入元素

var arr = [12, 23, 26, 45, 58, 60];
        arr.unshift(1);
        console.log(arr);//[1, 12, 23, 26, 45, 58, 60]
 var arr = [12, 23, 26, 45, 58, 60];
        arr.unshift(35);
        console.log(arr);//[35, 12, 23, 26, 45, 58, 60]

6、sort()

排序函数。默认的是从小到大。若需要降序排序，需要自己写比较函数。它是在原数组上排序

数字：0 1 2 ...... 9

数字字符：'0','1'.....'9'

'0'的ASCII码值是48

' ' --- 32

'a' --- 97

'A' --- 65

 var arr = [12, 23, 26, 45, 58, 60];
        arr = arr.sort();
        console.log(arr);
//Array(6)0: 12
//1: 23
//2: 26
//3: 45
//4: 58
//5: 60
//length: 6
//[[Prototype]]: Array(0)
​

7、reverse()

将数组元素颠倒顺序

 var arr = [8,10,20,47,58,99];
        arr.reverse();
        console.log(arr);//[99, 58, 47, 20, 10, 8]

8、concat()

连接两个或多个数组

 var a = [1,2,3];
        var b = [10,20,30];
        var c = a.concat(b);
        console.log(c);
//Array(6)0: 1
//1: 2
//2: 3
//3: 10
//4: 20
//5: 30
//length: 6
//[[Prototype]]: Array(0)
      

9、slice()

切片函数：从原数组中截取部分元素组成新的数组。在截取时需要指定开始位置（开始下标）和结束位置（结束下标）

var arr = [1, 3, 5, 7, 9, 11]
​
        var a1 = arr.slice(1) //'1'是下标，表示从下标为1的位置开始到数组末尾全部截取
​
        console.log(a1)//3,5,7,9,11
​
        var a2 = arr.slice(1, 3) //截取下标1~3之间的元素，包含下标为1的元素，不包含下标为3的元素
​
        console.log(a2)//3,5
​
        var a3 = arr.slice(1, -2) //等价于slice(1,3),-2不是下标，表示倒数第二个元素
​
        console.log(a3)//3,5,7
​
        var a4 = arr.slice(-4, -2) //截取倒数第四个元素~倒数倒数第二个元素之间的元素
​
        console.log(a4)//5,7

10、splice()

可以实现对数组元素的插入、删除和替换

（1）删除元素：

//splice(参数1,参数2)：返回的删除的元素。第一个参数代表下标，第二个参数表示删除的项数。
​
var arr = [1, 3, 5, 7, 9, 11]
        var a5 = arr.splice(1, 3) //删除从下标1开始的连续3个元素
​
        console.log(a5)//[3,5,7]
​
        console.log(arr)//[1,9,11]

（2）替换/插入元素：

splice（参数1，参数2，参数3）：

参数1：表示替换位置

参数2：表示项数（非零为替换，0表示插入）

参数3：用于替换的新值

var arr = [1, 3, 5, 7, 9, 11]
        arr.splice(1, 1, 89) //替换
        console.log(arr)//[1, 89, 5, 7, 9, 11]
        arr.splice(1, 0, 78) //插入
        console.log(arr)//[1, 78, 89, 5, 7, 9, 11]
  var arr = [1,2,3,4,5];
        arr.splice(3,1,79);
        console.log(arr);//[1,2,3,79,5]
​
        arr.splice(3,0 ,99);
        console.log(arr);//[1,2,3,99,79,5]

11、indexOf（元素）

从数组的开头（位置0）开始向后查找

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

              ```javascript

var arr = [10,25,33,11,89] var index1 = arr.indexOf(12) //从左往右查找，返回找到的第一个12的下标 console.log(index1)//-1

var a1 = [11,22,55,33,44,55]; var index1 = a1.indexOf(22); var lastIndex1 = a1.lastIndexOf(44); console.log(index1);//1 console.log(lastIndex1);//4

    var index2 = a1.indexOf(66);
    console.log(index2);//-1
​
    var index3 = a1.indexOf(55);
    console.log(index3);//2
              ```

12、lastIndexOf（元素）

从数组的末尾开始向前查找

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

 var arr = [12, 25, 33, 12, 89]
        var last_index = arr.lastIndexOf(12)
        console.log(last_index)//3
        var lastIndex2 = arr.lastIndexOf(66);
        console.log(lastIndex2);//-1
​
        var lastIndex3 = arr.lastIndexOf(12);
        console.log(lastIndex3);//3
var arr = [1,2,3,4,5];
        arr.splice(3,1,79);
        console.log(arr);//[1,2,3,79,5]
​
        arr.splice(3,0 ,99);
        console.log(arr);//[1,2,3,99,79,5]
​
        var a1 = [11,22,55,33,44,55];
        var index1 = a1.indexOf(22);
        var lastIndex1 = a1.lastIndexOf(44);
        console.log(index1);//1
        console.log(lastIndex1);//4
​
        var index2 = a1.indexOf(66);
        console.log(index2);//-1
​
        var index3 = a1.indexOf(55);
        console.log(index3);//2
​
        var lastIndex2 = a1.lastIndexOf(66);
        console.log(lastIndex2);//-1
​
        var lastIndex3 = a1.lastIndexOf(55);
        console.log(lastIndex3);//5

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)
var arr = [1,2,3,4,5,6,7,8,9,10];
        //filter过滤元素
        var temp = arr.filter(function(value,index){
            return index % 3 == 0 || value >= 8
        })
        console.log(temp);//1,4,7,8,9,10

14、fill（值/变量）

使用特定值填充数组中的一个或多个元素。当只是用一个参数时，该方法会用该参数的值填充整个数组。ES6新增的函数。

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

 ```javascript

var arr = new Array(5) arr.fill(1) //数组的5个单元中都是1 console.log(arr)

//fill填充 var arr = new Array(5); arr.fill(1); console.log(arr);//1,1,1,1,1 ```

15、every

判断数组中每一项都是否满足条件，只有所有想都满足条件，才会返回true。

every（function(value) { // 判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回 true

return 条件表达式

}）

var arr = [1,2,3,4,15,6,7,8,9,10]
var flag = arr.every(function(value){  //参数value代表数组元素
            return value <=10   //若数组中每个元素都小于等于10，则返回true，否则返回false
})
console.log(flag)
​
 //every:所有向都满足条件，才返回true
        var arr = [1,2,3,4,5,6,7,8,9,10];
        var flag = arr.every(function(value){
            return value <= 10
        })
        console.log(flag);//true
​
        var arr = [1,12,3,4,5,6,7,8,9,10];
        var flag = arr.every(function(value){
            return value <= 10
        })
        console.log(flag);//false

16、includes()

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

 var arr = [45, 78, 89, 55, 46, 31]
        var flag = arr.includes(89) //判断arr数组中是否包含89,若有返回true,没有就返回false
        console.log(flag)//true
​
        var flag1 = arr.includes(89, 3)//从下标为3的元素开始查找,若有返回true,没有就返回false
        console.log(flag1)//false

鹿路露璐
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
常用的数组方法有哪些？
Erictezx的博客
12-15 1128
一 , splice( ) 方法 : 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 由被删除的元素组成的一个数组。如果只删除了一个元素，则返回只包含一个元素的数组。如果没有删除元素，则返回空数组。 例: let arr7 = [4, 2, 43, 343, 232, 33]; let res7 = arr7.splice(2, 1, 34, 33) //第一个是索引 第二个是删除的个数 第三...
数组的方法总结
qq_62793369的博客
03-01 225
1.concat方法 2.every() 方法 3.filter() 方法 4.fill() 方法 5.find() 方法 6.findIndex() 方法 7.forEach() 方法 8.includes() 方法 9.indexOf() 方法 10.isArray() 方法 11.join() 方法 12.lastIndexOf()方法 13.map() 方法 14.pop() 方法 15.push() 方法 16.reverse() 方法 17.shift() 方
js数组常用方法（19种）|你会的到底有多少呢？
weixin_51338875的博客
11-12 1万+
语法: 数组名.push(数据)；作用: 就是往数组末尾添加数据；返回值: 就是这个数组的长度；语法:数组名.pop()；作用: 就是从数组的末尾删除一个数据；返回值: 就是你删除的那个数据；语法: 数组名.unshift(数据)；作用: 就是在数组的头部添加数据；返回值: 就是数组的长度；语法: 数组名.shift()；作用: 头部删除一个数据；返回值: 就是删除掉的那个数据
数组常见的20个方法总结
m0_74422771的博客
02-18 330
数组常见的20个方法总结
JS中操作数组的方法（全）
weixin_55697644的博客
05-24 3228
元素，并返回该元素的值。此方法会更改数组的长度。
JavaScript数组常用方法
10-24
主要介绍了JavaScript数组常用方法的相关资料,非常的详细，需要的朋友可以参考下
JS数组常用方法.md
03-22
常见的JS数组的使用方法 数组对象用来在单独的变量名中存储一系列的值。 我们使用关键词 new 来创建数组对象。下面的代码定义了一个名为 myArray 的数组对象： var myArray=new Array() 有两种向数组赋值的方法...
javascript数组常用方法汇总
10-21
以下是对标题和描述中提到的一些JavaScript数组常用方法的详细说明： 1. **join()** 方法：`Array.join()` 方法将数组的所有元素转换为字符串，并用指定的分隔符连接在一起。如果不提供分隔符，它默认使用逗号。...
Javascript中的数组常用方法解析
10-18
主要介绍了Javascript中的数组常用方法解析的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
谈谈JavaScript数组常用方法总结
11-27
以下是关于JavaScript数组常用方法的详细说明： 1. **增加数据** - `push()` 方法用于向数组末尾添加一个或多个元素，并返回新的长度。例如： ```javascript var arr = [1, 2, 3]; arr.push(4); console.log...
数组的一些操作技巧及函数使用
zzzCarl的博客
12-11 1286
实验环境：phpstorm，phpstudy。 实验流程： 1：获取数组的长度 2：each() 返回当前元素的键名和键值，并将内部指针向前移动 3：list() 用于在一次操作中给一组变量赋值 4：数组元素的排序 正向1 正向2 正向3 反向1 反向2 反向3 5：array_count_val...
数组常用方法
dachuichaobang的博客
03-31 198
常用数组方法 1.shift 删除数组中的第一个元素 2.pop 删除数组中的最后一个元素 3.unshift 增加元素在数组的前面 4.push 增加元素在数组的后面 5.concnt 合并数组 6.join将数组转为字符串 7.reverse 颠倒数组中的顺序 8.splice 原数组变，返回截取的新数组，截取索引开始，长度，截取位插入值 9.sort 排序 10.slice 返回新数组，截取索引开始，结束 ES5新增： 1.indexOf（）字符串、数组统用，返回指定字符首次出现的位置（索引值），返回
Java Script 数组
weixin_50027754的博客
02-25 139
1.数组的概念 2.创建数组 2.1JS中创建数组的俩种方式 .利用new创建数组 .利用数组字面量创建数组 2.2 2.3 3.获取数组元素 3.1数组索引 4.遍历数组 5.数组中新增元素 6.数组案例
C语言中的数组使用方法及案例分享
theskylife的博客
09-14 2417
C语言中如何使用数组？C语言中的数组如何进行正常的初始化？C语言数组运用案例分享
数组的常用方法有哪些？
Geezer_007的博客
04-19 2895
1⃣️ 字符串转字符串数组 split （）方法： 字面意思split：分裂 分开，故split方法是把字符串分割成字符串数组，也就是把字符串的分割成一个个的单个字符串元素； 例如：var str="script" console.log(str.split("")) //["s", "c", "r", "i", "p", "t"] 注：split（“”）括号里的双引...
数组常用方法汇总
热门推荐
大G的博客
11-07 3万+
Array.length 返回或设置一个数组中的元素个数 设置 length 属性的值来截断任何数组 Array.from() : 对伪数组或可迭代对象(包括arguments Array,Map,Set,String…)转换成数组对象 语法 Array.from(arrayLike, mapFn, thisArg)arrayLike 想要转换成数组的伪数组对象或可迭代对象。mapFn (可选参数
数组方法大全
liuhua_2323的博客
10-30 295
花了几个小时收集整理了数组常见常用方法，分享给大家 因为数组方法较多，变量名字难取，又不想写一个注释一个，于是通过函数的方式包装变量。 //数组所有知识总结 // 1.join(sp): 将数组的元素组成一个字符串，以sp为分隔符，省略的话则用默认用逗号为分隔符，原数组不变 function join(){ let arr1=[1,"json"]; console.log(...
数组常见的七个方法
kzj0916的博客
08-05 1335
数组常见的七个方法 array.pop() pop() 方法从数组中删除最后一个数值，返回值为删除的数值，即最后一个数值； array.push() push() 方法（在数组末尾处）向数组添加一个新的元素，返回值为添加后的数组长度； array.shift() shift() 方法会删除首个数组数值，并把所有其他元素“位移”到更低的索引即补位前进,返回值为删除的首个数组数值。 array.unshift() unshift() 方法（在开头）向数组添加新数值，并“反向位移”旧元素即补位后推，返回值为新数组
unity数组常用方法
最新发布
08-19
在Unity中，数组有许多常用的方法可以用来操作和处理数组。以下是一些常见的数组方法示例： 1. `Array.Clear()`：清除数组中的元素。 ```csharp int[] myArray = new int[5]; Array.Clear(myArray, 0, myArray....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值