JS数组常用方法总结

JS中数组常用方法总结

1.Array.map()
此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组

	<script>
		var arr = [1,2,3]
		function fun(a){
		return a*2
		}
		var newarr = arr.map(fun)
		// arr = [1,2,3]  原数组不变
		// newarr = [2,4,6]  新数组
	</script>

2.Array.forEach()
此方法是将数组中的每个元素执行传进提供的函数,没有返回值

	<script>
		var arr = [1,2,3]
		function fun(a){
			console.log(a*2)
			}
		arr.forEach(fun)// 2   4   6
		console.log(arr)//arr = [1,2,3]
	</script>

3.Array.filter()
此方法是将所有元素进行判断,将满足条件的元素作为一个新的数组返回 源数组不变
即条件为true时返回到新数组中存储

	<script>
		var arr = [1,3,5,7,9,10]
		var newarr = arr.filter(function(a){
				return a>5
				})
		console.log(newarr)// newarr = [7,9,10]
		console.log(arr)//arr = [1,3,5,7,9,10]
	</script>

4.Array.reduce()
此方法是所有元素调用返回函数,返回值为最后结果,传入的值必须是函数类型

	<script>
		var arr = [1,2,3,4]
		var add = arr.reduce(function(a,b){
			return a += b
		})
		console.log(add)//10
	</script>

5.Array.isArray()
判断一个对象是不是数组,返回的是布尔值

	<script>
		var str = [1,2,3]
		var str4 = 1
		console.log(Array.isArray(str))//true
		console.log(Array.isArray(str1))//false
	</script>

6.Array.concat()
此方法是一个可以将多个数组拼接成一个数组

	<script>
		var arr = [1,2,3]
		var arr1 = [4,5,6]
		var arr2 = arr.concat(arr1)
		console.log(arr2)//arr2 = [1,2,3,4,5,6]
	</script>

7.Array.toString()
将数组转为字符串

	<script>
		var arr = [1,2,3]
		var str = arr.toString(()
		console.log(str)//str = 1,2,3
		console.log(typeof str)//string
	</script>

8.Array.join()
此方法也是将数组转化为字符串

	<script>
		var arr = [1,2,3]
		var str = arr.join('')
		console.log(str)//str = 1,2,3
		console.log(typeof str)//string
	</script>

9.Array.splice(开始位置, 删除的个数,元素)
万能方法,可以实现增删改

	<script>
		//删除元素
		var arr = [1,2,3,4,5]
		var arr1 = arr.solice(2,1)//删除下标为2之后的一个元素
		console.log(arr1)//[3]
		console.log(arr)//[1,2,4,5]
		//替换元素
		var arr2 = [1,2,3,4,5]
		var arr3 = arr2.splice(2,1,999)//将下表为2之后的一个元素替换为999
		console.log(arr2)//[1,2,999,4,5]
		console.log(arr3)//[3]
		//添加元素
		var arr4 = [1,2,3,4,5]
		var arr5 = arr4.splice(2,0,999)//在下标为2之前添加一个元素999
		console.log(arr4)//[1,2,999,3,5]
		console.log(arr5)//[]
	</script>

10.Array.reverse()
将数组反转

	<script>
		var arr6 = [1,2,3,4,5]
		var arr7 = arr6.reverse()
		console.log(arr6,arr7)//arr6 = [5,4,3,2,1]    arr7 = [5,4,3,2,1]
	</script>

11.Array.sort()
将数组排序

	<script>
		var arr8 = [1,97,63,45,444,22,3]
		console.log(arr8.sort())//[1,22,3,444,45,63,97]  默认排序以首位大小进行升序,首位相同对比下一位
		var arr9 = arr8.sort(function(a,b){
			if(true){//true为升序,false为降序
			return a-b//当为true时,此位置为a-b,下面为b-a时为升序;此位置为b-a,下面为a-b时为降序.为false时与true相反
			}else{
			return b-a
			}
		})
		console.log(arr9)//[1,3,22,45,63,97,444]
	</script>

12.Array.push()
该方法向指定数组末尾添加一个或者多个数组元素,返回给我们新数组的长度,此方法会改变源数组的值

	<script>
		var arr = [1,2,3,4]
		var arr1 = arr.push(5)
		console.log(arr)// arr = [1,2,3,4,5]
		console.log(arr1)// arr1 = 5
	</script>

13.Array.pop()
该方法删除指定数组的最后一个元素,返回值是删除的元素

	<script>
		var arr = [1,2,3,4,5]
		var arr1 = arr.pop()
		console.log(arr)//arr = [1,2,3,4]
		console.log(arr1)//arr1 = 5
	</script>

14.Array.shift()
该方法删除指定数组的第一个元素,返回值是删除的元素

	<script>
		var arr = [1,2,3,4,5]
		var arr1 = arr.shift()
		console.log(arr)//arr = [2,3,4,5]
		console.log(arr1)// arr1 = 1
	</script>

15.Array.unshift()
该方法向指定数组头部添加一个或者多个数组元素,返回给我们新数组的长度,此方法会改变源数组的值

	<script>
		var arr = [1,2,3,4,5]
		var arr1 = arr.unshift(6)
		console.log(arr)//arr = [6,1,2,3,4,5]
		console.log(arr1)//arr1 = 6
	</script>
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值