es6:数组的一些扩展

博客主要总结了数组的扩展内容,包括定义数组的方法,如Array(n);将类似数组对象转化为数组的方法,如Array.of()、Array.from;数组替换、循环、初始化的方法,如copywithin、find、fill等。还介绍了数组的遍历方式,如for...of及其搭配keys、value、entries的遍历。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

重点不多,就一些可能常用的还有不怎常用的,就直接列出来,给自己提醒下而已

1.Array(n):定义一个长度为n的数组

2.Array.of():将一个类似数组格式的对象转化为数组,注意length

3.Array.form:也是将一个类似数组/数组转为数组

4.copywithin:将数组的某部分替换掉

5.find:数组的循环,注意要return true才是结束

6.fill:将一个数组给初始化为一样的,注意长度

	//定义一个长度为4的数组
			var arr1 = new Array(4);
			console.log(arr1);
			//将一组数值转化为数组
			var arr2 = Array.of("123", "123", "!@3");
			console.log(arr2);
			//将一个类数组转化为数组,注意格式
			var arr3 = Array.from({
				'20': '0',
				'1': '1',
				'length': '200'
			});
			console.log(arr3);
			//copywithin是替换的意思
			var arr4 = Array.of('1', '2', '3', '4');
			var arr5 = arr4.copyWithin(3, 1, 3);
			//target:开始替换的位置的下标,如题目中的下标3,就是实际上数组中的‘4’;
			//start:从哪个位置开始读取数据,如题目中的下标1,就是实际上数组的‘2’;
			//end:从哪个位置结束读取(不包括该位置),如题目中的下标3.就是实际上数组的‘4’;
			//所以截取出来的是【2,3】;开始替换的位置是【4】,但是由于长度的问题,所以只是读取了【2】,
			//并将他替换到【4】的位置,【3】则被省略去了
			console.log(arr5);
			//find:循环数组
			var arr6 = Array.of('1', '2', '3', '4');
			arr6.find(function(item, index, input) {
				console.log(item);
				console.log(index);
				console.log(input);
				if(index == 0) {
					return false;
				}
				if(index == 1) {
					return true;
				}
			});
			//item:内容
			//index:下标
			//input:数组
			//当return true的时候会结束循环
			//fill方法,类似初始化代码。将其全部赋值
			var arr7 = Array(7);
			arr7.fill(1);
			console.log(arr7);

接下来是遍历方面的

1.for...of遍历

2.for。。。of搭配keys实现对键的遍历

3.for....of搭配value实现对值的遍历

4.for。。。of搭配entries实现对对象的遍历

	//for。。。of循环,直接获取到值
			var arr8 = Array.of('1', '2', '3', '4');
			for(let i of arr8) {
				console.log(i);
			}
			console.log("\n")
			//keys遍历键
			var arr9 = Array.of('1', '2', '3', '4');
			for(let i of arr9.keys()) {
				console.log(i);
			}
			console.log("\n")
			//values遍历值
			var arr10 = Array.of('1', '2', '3', '4');
			for(let i of arr10.values()) {
				console.log(i);
			}
			//entries遍历对象,注意查看打印出来的格式
			var arr11 = Array.of('1', '2', '3', '4');
			for(let i of arr11.entries()) {
				console.log(i);
			}

一些琐碎的记录点,不多,不做详细介绍:资料来源:mdn

最后建议百度下啥是数组的empty

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值