es6:数组的一些扩展

版权声明:菜鸟的个人见解,请指导 https://blog.csdn.net/HUSHILIN001/article/details/82050574

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

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

猜你喜欢

转载自blog.csdn.net/HUSHILIN001/article/details/82050574
今日推荐