【JS】数组方法整理

1 篇文章 0 订阅
组成

键值对构成的有序数据集合(属性,值,方法)

创建方法
  1. 构造函数
	var arr = new Array(1, 2);
  1. 字面量
	var arr = [1, 2];
操作方法
var demo = [3 ,4 ,5]; //以下操作均以demo为例,方法之间不连续
  1. 基本操作方法
demo[3] = 6;  //添加方法
delete demo[2];  //删除方法
  1. 栈方法:
demo.push(6);    //将新元素追加到数组中
demo.pop();   //将数组中最后一个元素移除
  1. 队列方法:
demo.unshift(7);   //向数组头部添加一个元素
demo.shift();   //移除数组中的第一个元素,index和length随之改变
  1. 神器:splice`方法,一次性解决数组添加,删除,替换的问题,
demo.splice(1, 2);  //删掉demo数组index为1开始的2个元素,index和length随之发生改变
demo.splice(2, 0, 99, 9, 999); //在index为2之前,注意是之前添加 99,9,999 三个元素
demo.splice(1, 1, 2); //把index为1开始的1个元素替换为2
  1. 其他方法
  • join
demo.join(',')  //把数组元素使用参数作为连接符连接成一个字符串
  • slice
 demo.slice(1, 2)  //返回index为1开始的两个元素作为一个新的数组
  • concat
 var arr=[56, 57];  demo.concat(arr);  //拼接数组,放回一个新的数组
  • reverse
 demo.reverse(); //将数组逆序,修改原数组
  • sort
 demo.sort(function(val1, val2){
 		return val1>val2
 	})
 //数组内元素按照从小到大的顺序排列
ES5数组拓展
  1. isArray
Array.isArray(demo);  //判断一个对象是不是数组
  1. index
 demo.indexOf(2);  //查找元素2在demo对象中的位置;若没有,则返回-1
  1. forEach
//遍历数组每一个元素,处理后改变原数组
demo.forEach(function(val, index, array){
   array[i] = val + 1;
})
  1. every 和 some
//相当于对每一个数组的值做一个true or false的逻辑判定。every方法,当每一个元素的判定值都为true的时候,返回值为true;some方法,当存在一个元素的判定值为true的时候,返回值为true
demo.every(function(val, index, array){
	return val > 5;
	})
demo.some(function(val, index, array){
	return val > 5;
	})
  1. map
//遍历数组,返回值组成一个新的数组返回,索引结构与原数组保持一致
demo.map(function(val){
	return val * val;
	})
  1. filter
//返回数组的一个子集,如果返回true,则把当前元素加入到返回数组中
demo.filter(function(val){
	return val / 2 == 3;
	})
  1. reduce 和 reduceRight
//将数组元素合成一个值,reduce从索引最小值开始,reduceRight反向,还可以添加一个初始值
demo.reduce(function(val1, val2){
	return val1 + val2;
	})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值