JavaScript中数组常用方法

数组常用方法

在这里插入图片描述

1.push() 数组末尾增加数据

语法:数组名称.push(数据)
作用:将数据追加到数组的末尾
返回值:追加数据后数组 最新的长度
例:
在这里插入图片描述

2.push() 删除数组最后一个数据

语法:数组名称.pop()
作用:删除数组最后一个数据
返回值:被删除的数据
例:
在这里插入图片描述

3.unshift() 将数据添加到数组最前边

语法:数组名称.unshift(数据)
作用:将数据添加到数组的最前
返回值:添加数据后数组最新的长度
例:
在这里插入图片描述

4.shift() 删除数组最前一个数据

语法:数组名称.shift()
作用:删除数组最前一个数据
返回值:被删除的数据
例:
在这里插入图片描述

5.reverse() 反转数组

语法:数组名称.reverse()
作用:将数组进行反转
返回值:被反转后的数组
例:
在这里插入图片描述

6.splice() 反转数组

语法:数组名称.splice(开始索引,多少个,要插入的数据)
开始索引:默认是0
多少个:默认是0
要插入的数据:默认是 没有
作用:删除数组中若干数据,并选择是否插入新的数据
返回值:以新数组的形式返回被删除的数据
例:
在这里插入图片描述
在这里插入图片描述

7.sort() 数组排序

语法:
数组名称.sort()
数组名称.sort(function(a,b){ return a-b } )
数组名称.sort(function(a,b){ return b-a } )
作用:将数组进行排序
返回值:排序好的新数组
例:
数组名称.sort()
在这里插入图片描述
数组名称.sort(function(a,b){ return a-b } )
在这里插入图片描述
数组名称.sort(function(a,b){ return b-a } )
在这里插入图片描述

8.join() 将数组拼接成字符串

语法:数组名称.join(连接符)
作用:将数组用连接符链接成为一个字符串
返回值:连接好的字符串
例:
在这里插入图片描述

9.concat() 将其他数组和数组拼接在一起

语法:数组名称.concat(其他数组)
作用:将其他数组和数组拼接在一起
返回值:拼接好的新数组
例:
在这里插入图片描述

10.slice() 截取数组数据

语法:数组名称.slice(开始索引,结束索引)
开始索引:默认是0
结束索引:默认是数组长度
作用:截取数组中的某些数据
返回值:以新数组的形式返回截取出来的数据
例:
在这里插入图片描述

11.indexOf() 查找数据在数组中的索引位置

语法:数组名称.indexOf(查询的数据)
作用:查找数据在数组中的索引位置
返回值:
有该数据,返回 第一次出现的索引位置
没有该数据,返回 -1
例:
在这里插入图片描述

12.forEach() 遍历数组

语法:数组名称.forEach(function( item, index, arr ){ } )
作用:遍历数组
返回值:无
例:
在这里插入图片描述

13.map() 映射数组

语法:数组名称.map(function( item, index, arr ) { } )
作用:映射数组
返回值:映射后的新数组
例:
在这里插入图片描述

14.filter() 过滤数组

语法:数组名称.filter( function ( item, index, arr ) { } )
作用:过滤数组
返回值:过滤后的新数组
例:
在这里插入图片描述

15.every() 判读整个数组是否符合条件

语法:数组名称.every( function ( item, index, arr ) { } )
作用:判断数组是不是每一项都满足条件
返回值:一个布尔值
例:
在这里插入图片描述

16.some() 判断数组某一项是否满足条件

语法:数组名称.some( function ( item, index, arr ) { } )
作用:判断数组是不是某一项满足条件
返回值:一个布尔值
例:
在这里插入图片描述

遍历数组常用方法

1.for循环遍历数组 break 和contiune可以使用

var arrayTest = [1, 2, 3, 4, 5, 6]
for (let index = 0; index < arrayTest.length; index++) {
	const element = arrayTest[index];
}
  1. for…in 遍历数组 遍历对象的key
    key 是数组的索引值 从0开始
    element 数组元素
    break 和contiune可以使用
var arrayTest = [1, 2, 3, 4, 5, 6]
for (const key in arrayTest) {
   console.log(key);
   const element = arrayTest[key]
   console.log(element);
 }

3.for…of
iterator 代表数组元素
break 和contiune可以使用

var arrayTest = [1, 2, 3, 4, 5, 6]
for (const iterator of arrayTest) {
  console.log(iterator);
}

4.forEach
value数组中的元素
key 数组中的索引值
array 遍历的数组(arrayTest)
遍历 查询数组中所有元素的方式
不能使用break 和contiune

var arrayTest = ["a", "b", "c", "d"];
arrayTest.forEach(function (value, index, array) {
   console.log(index);
   console.log(value);
   console.log(array);
});
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
当使用JavaScript编写程序时,数组是一种常见的数据结构,JavaScript 数组具有许多有用的方法,以下是其一些常用方法及其示例: 1. push() 方法:向数组末尾添加一个或多个元素,并返回新的长度。 ```javascript let arr = [1, 2, 3]; arr.push(4); console.log(arr); // [1, 2, 3, 4] ``` 2. pop() 方法:删除数组的最后一个元素,并返回该元素的值。 ```javascript let arr = [1, 2, 3]; let lastElement = arr.pop(); console.log(lastElement); // 3 console.log(arr); // [1, 2] ``` 3. shift() 方法:删除数组的第一个元素,并返回该元素的值。 ```javascript let arr = [1, 2, 3]; let firstElement = arr.shift(); console.log(firstElement); // 1 console.log(arr); // [2, 3] ``` 4. unshift() 方法:向数组的开头添加一个或多个元素,并返回新的长度。 ```javascript let arr = [1, 2, 3]; arr.unshift(0, -1); console.log(arr); // [-1, 0, 1, 2, 3] ``` 5. slice() 方法:返回一个新的数组,包含从起始位置到结束位置(不包括结束位置)之间的元素。 ```javascript let arr = [1, 2, 3, 4, 5]; let newArr = arr.slice(1, 4); console.log(newArr); // [2, 3, 4] ``` 6. splice() 方法:向数组插入或删除元素。可以指定要删除的元素的位置和数量,并且可以指定要添加的元素。 ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); // 从位置2开始删除1个元素 console.log(arr); // [1, 2, 4, 5] arr.splice(2, 0, 3); // 在位置2插入元素3 console.log(arr); // [1, 2, 3, 4, 5] arr.splice(2, 1, 'three'); // 用 'three' 替换位置2的元素 console.log(arr); // [1, 2, 'three', 4, 5] ``` 7. indexOf() 方法:返回数组第一个匹配项的索引。 ```javascript let arr = [1, 2, 3, 4, 5]; let index = arr.indexOf(3); console.log(index); // 2 ``` 8. lastIndexOf() 方法:返回数组最后一个匹配项的索引。 ```javascript let arr = [1, 2, 3, 4, 3, 5]; let lastIndex = arr.lastIndexOf(3); console.log(lastIndex); // 4 ``` 9. forEach() 方法:对数组的每个元素执行指定的操作。 ```javascript let arr = [1, 2, 3]; arr.forEach(function(item) { console.log(item); }) // 输出:1 2 3 ``` 10. map() 方法:返回一个新的数组,其包含对原始数组的每个元素应用指定函数后的结果。 ```javascript let arr = [1, 2, 3]; let newArr = arr.map(function(item) { return item * 2; }) console.log(newArr); // [2, 4, 6] ``` 11. filter() 方法:返回一个新的数组,其包含满足指定条件的原始数组元素。 ```javascript let arr = [1, 2, 3, 4, 5]; let newArr = arr.filter(function(item) { return item % 2 === 0; }) console.log(newArr); // [2, 4] ``` 12. reduce() 方法:返回一个值,该值是通过对数组的每个元素应用指定的函数来计算的。 ```javascript let arr = [1, 2, 3]; let sum = arr.reduce(function(total, item) { return total + item; }, 0) console.log(sum); // 6 ``` 以上是一些常用JavaScript 数组方法及其示例,它们可以帮助你轻松地对数组进行操作,实现各种有用的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

像我这样的人112

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值