JavaScript中Array对象方法

本文详细介绍了JavaScript中Array对象的16个核心方法,包括concat拼接数组,copyWithin复制元素,every遍历检查,fill填充值,filter筛选元素,find查找符合条件的项,findIndex索引查找,forEach遍历回调,pop弹出元素,push添加元素,reduce累积计算,sort排序,splice增删元素,slice切片,indexOf搜索索引,includes判断成员。深入理解这些方法有助于高效操作和处理数组数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,concat()方法

** concat()方法连接两个或更多的数组(字符串),并返回结果。**

	var str1="hello";
	var str2="world!";
	var arr1=[1,2,4,3,6];
	var arr2=[3,2,5,1,4];
	//连接两个字符串
	var str=str1.concat(str2);
	//打印输出
	document.write(str)
	//	连接两个数组
	var arr=arr1.concat(arr2);
	//打印输出
	document.write(arr)

2,copyWithin()方法

从数组的指定位置拷贝元素到数组的另一个指定位置

	var arr=[1,2,3,4,5];
	//将数组中的第三个元素拷贝到第一个元素的位子
	arr.copyWithin(0,2,3)
								//copywithin(target,start,end) 
								//1 target 必写。复制到指定目标索引位置。
								//2 start 可选。元素复制的起始位置。
								//3 end 可选。停止复制的索引位置 (默认为 array.length)。如果为负值,表示倒数。
	//打印输出
	document.write(arr)

3,every()方法

检测数值元素的每个元素是否都符合要求

	var arr1=[12,23,34,45,56];
	var arr=arr1.every((age)=>{
		return age>=12;
	})
	document.write(arr)//返回true 或者 false

注意: every() 不会对空数组进行检测。

注意: every() 不会改变原始数组。

4,fill()方法

使用固定值来填充数组。

	var arr=Array(5);
	//用30填充数组的五个元素
	arr.fill(30)
	document.write(arr)//输出结果为:30,30,30,30,30

5,filter()方法

检测数值元素,并返回符合条件所有元素的数组

	var arr1=[23,13,23,13,13,54]
	var arr=arr1.filter((itam)=>{
		return item>13;//返回大于13的新数组
	})
	document.write(arr)

注意: filter() 不会对空数组进行检测。

注意: filter() 不会改变原始数组。

6,find()方法

返回符合传入测试(函数)条件的数组元素

	var arr1=[23,13,34,23,56];
	var arr=arr1.find((age)=>{
		return age>50;//返回大于50的第一个元素
	})

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。
find() 方法为数组中的每个元素都调用一次函数执行:
当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined
注意: find() 对于空数组,函数是不会执行的。
注意: find() 并没有改变数组的原始值。

7,findIndex()方法

返回符合传入测试(函数)条件的数组元素索引

	var arr=arr1.findindex((age)=>{
		return age>50;//返回第一个大于50元素的下标
})

同上

8,forEach()方法

每个元素都进行一次回调函数
forEach()方法对数组元素求和或同时乘以相同倍数

	var arr=[2,3,4,5,6];
	var sum;
	arr.forEach((item,index,arr1)=>{
		sum+=item;//求和
		arr[index]=item*数值;//同时乘以数值
	})
	document.write(“总和”+sum+"<br>"+"数组元素同时*数:"+arr)

9,pop()方法

** 删除数组的最后一个元素并返回最后一个元素**

var arr1=[12,23,34,45];
var arr=arr1.pop();
console.log(arr)
console.log(arr1)

输出结果为
在这里插入图片描述

10,push()方法

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

	var  arr=[12,23,34,45];
	var arr1=arr.push(1,23)
	console.log(arr)

在这里插入图片描述

11,reduce()方法

将数组的元素计算为一个值(从左到右)

	var arr=[12,23,34,45];
	var a=arr.reduce((age,item)=>{
		return age+item;
	})
	document.write(a)

12,sort()方法

对数组元素进行排序

	var	arr=[1,3,5,4,2]
	var a=arr.sort((a,b)=>{
		return a-b;//a-b为升序  ,b-a为降序
	})
	console.log(a)
输出结果:1,2,3,4,5

13,splice()方法

在数组中添加或删除元素

	var arr=[12,12,23,23,34];
	// 第1个元素为元素的下标
	//第2个元素为要删除的元素的个数
	//第3,4...个元素为添加的元素
	arr.splice(2,1,23,34)
	console.log(arr)

输出结果:
在这里插入图片描述

14,slice()方法

选取数组的一部分,并返回一个新的数组

	var arr=[12,23,34,45];
	var a=arr.slice(2,4)
	console.log(a)
输出结果:[34,45]

15,indexOf()方法

搜索数组中的元素,并返回它的第一个位置

	var arr[12,23,34,45,23];
	var a=arr.indexOf(23)
	console.log(a)
输出结果:1

16,includes()方法

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

	var arr[12,23,34,45,23];
	var a=arr.includes(23)
	console.log(a)
输出结果:true
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值