JS入门之数组对象的常用方法

检测是否为数组

instanceof();
var arr = [];
var obj = {};
console.log(arr instanceof Array);
console.log(obj instanceof Array);
isArray();

H5新增方法,ie9版本以上支持使用

var arr = [];
var obj = {};
console.log(Array.isArray(arr));
console.log(Array.isArray(obj));

添加删除数组的方法

方法名说明返回值
push(参数1…)末尾添加一个或多个元素,注意修改原数组返回新的长度
pop()删除数组最后一个元素,把数组长度减1,无参数、修改原数组返回它删除的元素的值
unshift(参数1…)向数组的开头添加一个或更多元素,注意修改原数组返回新的长度
shift()删除数组的第一个元素,数组长度减1,无参数,修改原数组返回第一个元素的值
var arr = [1, 2, 3];
console.log(arr.push(4, 'wwxb'));	//5
console.log(arr);	//[1,2,3,4,'wwxb']
console.log(arr.unshift(0, 'wwxb'));	//7
console.log(arr);	//[0,'wwxb',1,2,3,4,'wwxb']
console.log(arr.pop());	//wwxb
console.log(arr);	//[0,'wwxb',1,2,3,4]
console.log(arr.shift());	//0
console.log(arr);	//['wwxb',1,2,3,4]

数组排序

方法名说明是否修改为原数组
reserve()颠倒数组中元素的顺序,无参数该方法会改变原来的数组,返回新数组
sort()对数组的元素进行排序,只针对个位数该方法会改变原来的数组,返回新数组
var arr = [1, 4, 2, 5, 3];
arr.reverse();
console.log(arr);	//[3,5,2,4,1]
arr.sort();
console.log(arr);	//[1,2,3,4,5]
var arr1 = [1, 44, 12, 5, 3];
arr1.sort();
console.log(arr1);	//[1,12,3,44,5]
arr.sort(function (a, b) {
	//return a - b;	//升序排列
	return b - a;	//降序排列
})
console.log(arr);	//[1,3,5,12,44]

数组索引方法

方法名说明返回值
indexOf()数组中查找给定元素的第一个索引如果存在,返回索引号;如果不存在,则返回-1
lastIndexOf()在数组中的最后一个索引如果存在,返回索引号;如果不存在,则返回-1
var arr = ['a', 'b', 'c', 'a', 'b', 'c'];
console.log(arr.indexOf('a'));	//0
console.log(arr.lastIndexOf('a'));	//3
console.log(arr.indexOf('d'));	//-1
console.log(arr.lastIndexOf('d'));	//-1

数组转化为字符串

方法名说明返回值
toString()把数组转换成字符串,逗号分隔每一项返回一个字符
join(‘分隔符’)方法用于把数组中的所有元素转换为一个字符串,分隔符默认为逗号返回一个字符
var arr = [1, 2, 3];
console.log(arr.toString());	//1,2,3
console.log(arr.join('-'));		//1-2-3

其他常用方法

方法名说明返回值
concat()连接两个或多个数组,不影响原数组返回一个新的数组
slice()数组截取slice(begin,end)返回被截取项目的新数组
splice()数组删除splice(第几个开始,要删除个数)返回被删除项目的新数组。注意,这个会影响原数组
var arr1 = [1, 2, 3, 4];
var arr2 = [5, 6, 7, 8];
console.log(arr1.concat(arr2));		//[1,2,3,4,5,6,7,8]
console.log(arr1.slice(1, 3));		//[2,3],截取下标为1,2的元素
console.log(arr1);		//[1,2,3,4],截取前后原数组不发生改变
console.log(arr2.splice(0, 3));		//[5,6,7],从下标0开始,删除三个
console.log(arr2);		//[8]
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值