JavaScript——数组中常见的方法介绍

删除数组元素

1、arrObject.pop(); ：删除数组里最后一个元素，有返回值，返回值是删除的元素

var arr = [2,4,5,7,8];
var a = arr.pop();
console.log(a)//输出 8

2、arrObject.shift(); ：删除数组里第一个元素，有返回值，返回值为删除的元素

var arr = [2,4,5,7,8];
var a = arr.shift();
console.log(a)//输出 2

添加数组元素

1、arrObject.push(元素1,元素2,元素3……); ：添加到数组的尾部，返回值为新数组长度

var arr = [2,4,5];
var a = arr.push(0);
console.log(a)//输出 4
console.log(arr)//输出[2, 4, 5, 0]

2、arrObject.unshift(元素1,元素2,元素3……); ：添加到数组的头部，返回值为新数组长度

var arr = [2,4,5];
arr.unshift(0);
console.log(a)//输出 4
console.log(arr)//输出[0, 2, 4, 5]

删除/添加

arrObj.splice(参数1,参数2,参数3);

  ①参数1：必需 开始删除/添加下标(索引号)
  ②参数2：必需 删除元素的个数
  ③参数3：可选 添加的元素的 多个元素之间用逗号隔开
  ④返回值为删除的元素构成的数组

var arr = [2,4,5,6,7,8];
var a = arr.splice(0,2,'hello');
console.log(a)//[2, 4]
console.log(arr)//["hello", 5, 6, 7, 8]

遍历数组 (无返回值)

1、forEach遍历（只能遍历数组）

//遍历数组，并输出大于5的数字
var arr = [2,4,5,6,7,8];
	arr.forEach(function(item,i,arr){
		if(arr[i]>5){
			console.log(arr[i])//输出结果 6 7 8
		}
	})

   第一个参数：遍历的数组的元素
   第二个参数：数组下标
   第三个参数：输入的原数组


2、for循环遍历

var arr = [2,4,5,6,7,8];
	for(let i = 0;i<arr.length;i++){
		if(arr[i]>5){
			console.log(arr[i])
		}
	}

  i：计数器，当索引号使用
  arr[i]：是数组元素的第i个数组元素

映射 (有返回值)

arrobject.map( )；

let arr = [2,12,5];
let obj = arr.map(function(arr,index){
	return {age:arr}
});
console.log(obj)
//输出结果 [{age: 2},{age: 12},{age: 5}]

  arr：遍历的数组的元素
   index：数组下标
   return：值

过滤/筛选 (有返回值)

arrobject.filter( )；

let arr = [2,12,5];
	let obj = arr.filter(function(arr,i,array){
		return arr <= 10;
	});
	console.log(obj)//[2,5]
	//过滤出小于10的数
	//返回值以数组的形式返回

  第一个参数：遍历的数组的元素
   第二个参数：数组下标
   第三个参数：输入的原数组

迭代 (有返回值)

arrobject.reduce( );
  第一个参数：初始值
  第二个参数：当前值(数组里除了第一个元素之外的其他值)
  第三个参数：当前值的索引(下标)号
  第四个参数：数组
  return 值；

//利用迭代求数组中的所有元素和
let array = [1,2,6];
let sum = array.reduce(function(val,num,index){
	return val+num;
	
});
console.log(sum)//9

持续更新中…