es6新增的数组方法
2021-03-04 22:27
标签：val map key values als 副本 col 查找 rgb 将参数中所有值作为元素形成数组。 如： 将【类数组对象】或【可迭代对象】转化为数组。 arrayLike 【类数组对象】或【可迭代对象】 mapFn 【map 函数】 thisArg 【 map 函数】的this对象 Array.from(arraylike) 转化成数组时： Map对象没有length,有size, 转化后数组length== Map对象的size Set对象没有length,有size, 转化后数组length== Set对象的size 等同于string.split(‘‘) 查找并返回第一个符合条件【元素】 找到就结束遍历 查找并返回第一个符合条件【元素的索引】 找到就结束遍历 使用指定值替换指定区域的值 将 【startIndex 】到 【endIndex】 前的值[不包括位置endIndex]，全部替换成【fillVal】 等同于 使用数组内的某段数据的副本，替换另一段的数据 用【templateStartIndex ，templateEndIndex-1 】位置值的副本，替换【从changeStartIndex 位置开始的值】，【替换长度 = Math.min（副本长度，替换区域长度）】 entries() 遍历键值对 Iterator 是 ES6 引入的一种新的遍历机制，迭代器有两个核心概念： 迭代的过程如下： keys() 遍历键名。 数组的键名就是索引 values() 遍历键值。 空位用undefined 填充 includes(searchVal[, searchStartIndex]) 数组是否包含指定值。 注意：与 Set 和 Map 的 has 方法区分；Set 的 has 方法用于查找值；Map 的 has 方法用于查找键名。 flat(zIndex) zIndex： 【可选】指定转换的嵌套层数， 使用Infinity代表无限平拍 // [1, 2, 3]
flatMap(func[, thisArg]) 先对数组中每个元素进行了的处理，再对数组执行 flat() 方法。 空位用undefined填充 es6新增的数组方法 标签：val map key values als 副本 col 查找 rgb 原文地址：https://www.cnblogs.com/baixinL/p/14342153.html数组创建
Array.of()
console.log(Array.of(1, 2, 3, true,‘www‘)); // [1, 2, 3, true, ‘www‘]
console.log(Array.of()) //[]
Array.from()
/*1类*/
console.log(Array.from([1, 2, 3])); // [1, 2, 3]
/*2类*/
console.log(Array.from([1, 2, 3], (n) => n * 2)); // [2, 4, 6]
/*3类*/
let map = {
do: function(n) {
return n * 2;
}
}
let arrayLike = [1, 2, 3];
console.log(Array.from(arrayLike, function (n){
return this.do(n);
}, map)); // [2, 4, 6]
类数组对象
Array.from({
0: ‘1‘,
1: ‘2‘,
2: 3,
});
//返回：[]
Array.from({
0: ‘1‘,
1: ‘2‘,
2: 3,
length:3
});
//返回：["1", "2", 3]Array.from({
a: ‘1‘,
1: ‘2‘,
2: 3,
length:3
});
// 返回：[undefined, "2", 3]
Array.from({
a: ‘1‘,
‘1‘: 2,
3: ‘str‘,
2: 3,
length:4
});
// 返回：[undefined, 2, 3, "str"]
//上面的对象如果length设置的不对
Array.from({
a: ‘1‘,
‘1‘: 2,
3: ‘str‘,
2: 3,
length:3
});
// 返回：[undefined, 2, 3]
Array.from({
a: ‘1‘,
‘1‘: 2,
3: ‘str‘,
2: 3,
length:5
});
// 返回：[undefined, 2, 3, "str", undefined]
可迭代对象Map转成数组
let map = new Map();
map.set(‘key0‘, ‘value0‘);
map.set(‘key1‘, ‘value1‘);
console.log(Array.from(map));
// [[‘key0‘, ‘value0‘],[‘key1‘,‘value1‘]]
Set对象转化成数组
let arr = [1, 2, 3];
let set = new Set(arr);
console.log(Array.from(set)); // [1, 2, 3]
字符串转化成数组
let str = ‘abc‘;
console.log(Array.from(str)); // ["a", "b", "c"]
console.log(str.split(‘‘)); // ["a", "b", "c"]
扩展的方法
查找
find()
let arr = Array.of(1, 2, 3, 4);
console.log(arr.find(item => item > 2)); // 3
findIndex()
let arr = Array.of(1, 2, 1, 3);
// 参数1：回调函数
// 参数2(可选)：指定回调函数中的 this 值
console.log(arr.findIndex(item => item = 1)); // 0
findIndex和indexOf同样时返回第一满足条件的索引，有何不同？
填充
arr = arr.map((item, index)=>{
if(index>=startIndex && index
let arr = Array.of(1, 2, 3, 4);
console.log(arr.fill(0,1,2)); // [1, 0, 3, 4]
//将第1位开始到 第2位前【不包括位置2】的值替换成0
copyWithin(changeStartIndex, templateStartIndex[, templateEndIndex])
//使用区域【3，4-1】值，替换从0开始区域的值
console.log([1, 2, 3, 4].copyWithin(0,2,4)); // [3, 4, 3, 4]
// 使用区域【0，length-1】值， 替换从【倒数第二】开始到第0位【包括】区域的值
console.log([1, 2, 3, 4].copyWithin(-2, 0)); // [1, 2, 1, 2]
console.log([1, 2, ,4].copyWithin(0, 2, 4)); // [, 4, , 4]
遍历
const arr = [1, "m", 0];
const lter1 = arr.entries();
const lter2 = arr.entries();
const lter3 = arr.entries();
console.log(lter1.next().value) // [0,1]
console.log(lter1.next().value) // [1,‘m‘]
console.log(lter1.next().value) // [2,0]
console.log(lter1.next().value) // undefined
console.log([...lter2]) //[[0,1], [1,‘m‘],[2,0]]
console.log(lter2.next().value) // undefined
console.log(lter3.next().value) // [0,1]
console.log([...lter3) //[[1,‘m‘],[2,0]]
Iterator
迭代过程
console.log([...[,‘a‘].keys()]); // [0, 1]
console.log([...[,‘a‘].values()]); // [undefined, ‘a‘]
包含
// 参数1：包含的指定值
[1, 2, 3].includes(1); // true
// 参数2：可选，搜索的起始索引，默认为0
[1, 2, 3].includes(1, 2); // false
// NaN 的包含判断
[1, NaN, 3].includes(NaN); // true
嵌套数组转一维数组
console.log([1 ,[2, 3]].flat()); // [1, 2, 3]
// 指定转换的嵌套层数
console.log([1, [2, [3, [4, 5]]]].flat(2)); // [1, 2, 3, [4, 5]]
// 不管嵌套多少层
console.log([1, [2, [3, [4, 5]]]].flat(Infinity)); // [1, 2, 3, 4, 5]
// 自动跳过空位
console.log([1, [2, , 3]].flat());
console.log([1, 2, 3].flatMap(n => [n * 2])); // [2, 4, 6]
扩展运算符
复制数组
let arr = [1, 2],
arr1 = [...arr];
console.log(arr1); // [1, 2]
// 数组含空位
let arr2 = [1, , 3],
arr3 = [...arr2];
console.log(arr3); [1, undefined, 3]
合并数组
console.log([...[1, 2],...[3, 4]]); // [1, 2, 3, 4]
上一篇：JAVA lambda表达式
下一篇：SpringBoot: No active profile set, falling back to default profiles: default , 不一定是依赖的问题