js中数组常用几种方法

Array

前端js数组常用方法

1.for Each ()
此方法是将数组中的每个元素执行传进提供的函数，没有返回值

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

2.arr.mar()
此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变源数组

var arr = [1,2,3,4,5];
function m(a){
				return a * 2
			}
			var newArr = arr.map(m)
			console.log(newArr)
			console.log(arr) //使用map不会改变源数组的值

3.arr.filter()
此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回 源数组不变
返回值为布尔类型

var arr = [1,245,6,78,21]
 var newArr = arr.filter(function(fil){
				// 如果过条件结果为true 则换回元素存储到新数组中
				return fil > 5
			})
			console.log(newArr)
			console.log(arr) 

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

var array = [1,2,3,4,5]; // a 累加和  b数组元素
			var add = array.reduce(function(a,b){
				return a += b
			})
			console.log(add)

5.arr.isArray()
判断一个值是否为字符串
返回值为布尔型

            var str = 123
			
			console.log(Array.isArray(str))

6.arr.concat()
可以将多个数组拼接成一个数组

			var array = [1,2,3,4,5];

			var array1 = [7,8,9]

			var array2 = array.concat(array1)

			console.log(array2)

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

var array1 = [1,2,3,4,5]
var str = array1.toString()
			console.log(str)
			console.log(typeof str)  //查询数据类型

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

var arrray1 = [123]
 var str1 = array1.join("&")
			 console.log(str1)

9.arr.splice()
括号内依次填写的是开始位置,删除个数,元素

      var array4 = [1,2,3,4,5,6,7,8]
 // 从下标为2的元素开始删除 删除1个
 
			var newArr2 = array4.splice(2,1)
			 console.log(newArr2)
			 console.log(array4) 
			 // 从下标为2的位置开始替换 删除2个在此位置添加一个haha元素
			//  var newArr2 = array4.splice(2,1,"南阳")
			 var newArr2 = array4.splice(2,2,"毕店")
			 console.log(newArr2)
			 console.log(array4) 
			 // 在下标为2的位置开始删除0个 在下标为2的元素之前添加 “haha”
			 var newArr2 = array4.splice(2,0,"haha")
			 console.log(newArr2)

10.arrr.everse()
翻转 通俗点将数组原本的顺序改为倒序

             var array5 = [1,2,3,4,5]
			 var array6 = array5.reverse()
			 console.log(array6)

11.arr.sort()
排序 将数组从大到小或从小到大排列
通俗点记为:
前减后为升序
后减前为降序

var array7 = [123,1235,1,4,3,72];
			console.log(array7.sort())
			var array8 = array7.sort(function(a,b){
				if(false){
					// 升序
					return a-b
				}else{
					// 降序 
					return b-a
				}
			 })
			 console.log(array8)

12.arr.push()
在数组最后一位添加一个或者多个数组元素
返回给我们新数组的长度
此方法会改变源数组的值

var arr = ['张三','李四','王五','赵六']
		console.log(arr)
		var arr1 = arr.push('刘七')
		console.log(arr1)
		console.log(arr)
	    console.log(arr.length)

13.arr.pop()
在数组最后一位删除一个数组元素
返回值是删除的元素

var arr = ['张三','李四','王五','赵六']
var arr2 = arr.pop()
console.log(arr2)

14.arr.unshift()
此方法实在数组开头添加一个或者多个数组元素
返回给我们新数组的长度
此方法会改变源数组的值

var arr = ['张三','李四','王五','赵六']
var arr3 = arr.unshift('白')
		console.log(arr3)
		console.log(arr)
		console.log(arr.length)

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

var arr = ['张三','李四','王五','赵六']
var arr4 = arr.shift()
		console.log(arr4)