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>