本文分享下自己平时积累的一些实用性较高的js方法，在这里一起贴出来供大家探讨。先来几个数组的方法1、去重// ES6Array.from(new Set(arr))// ES5
arr.filter(function(ele, index, array){ //indexOf获取的都是数组里面出现第一次的下标
return index===array.indexOf(ele)
}) 2
转载
2020-04-27 11:04:00
58阅读
2评论
ES6 Map to Array
Array.from
转载
2020-12-23 23:36:00
159阅读
2评论
扩展运算符扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 1 console.log(...[1, 2, 3])
2 // 1 2 3
3
4 console.log(1, ...[2, 3, 4], 5)
5 // 1 2 3 4 5
6
7 [...document.querySelectorAll('div')]
8
In es5, you can use indexOf to get the index of one item in an array.In es6, you can use findIndex(), which is more prowful:[NaN].indexOf(NaN) // -1[N...
转载
2015-11-12 03:16:00
140阅读
2评论
JavaScript 程序中，对于简单的数字、字符串可以通过 = 赋值拷贝 但是对于数组、对象、对象数组的拷贝，就有浅拷贝和深拷贝之分浅拷贝就是当改变了拷贝后的数据，原数据也会相应改变来说说深拷贝数组深拷贝遍历赋值不推荐此方法let a = [1, 2, 3]
let b = []
for (let val of a) {
b.push(val)
}
b.push(4)
a // [1, 2,
Convenient method to find one item in an array, avoid writing and for + if:let arys = [1,,5,,6] ;let target = 6;let res = arys.find(item => item === t...
转载
2015-11-12 03:23:00
51阅读
2评论
Array.from()lets you convert an "iterable" object (AKA anarray-likeobject) to an array. In this lesson, we go over grabbing DOM nodes and turing them ...
转载
2015-11-22 23:04:00
74阅读
2评论
ES6 Set vs ES5 Array
转载
2020-10-01 09:12:00
103阅读
2评论
一、数组扩展1.Array.from方法 Array.from方法用于将两类对象转为真正的数组：类似数组的对象（本质特征是必须拥有length属性）。因此任何有length属性的对象和可遍历的对象（ES6新增的数据结构Set和Map），都可以通过Array.form方法转为数组。 （1）Array.from方法会将数组的空位转换为undefined，也就是说这个方法不会忽略空位 （2）将类数组的对
一、 数组扩展1. Array.from作用：将类数组对象转换为数组参数：类数组对象或可遍历对象(iterable)返回：数组Tips：参数一定要有length参数，否则会得到空数组let arrayLike = {
'0': 'a',
'1': 'b',
'2': 'c',
length: 3
};
// ES5转换
let arr1 = [].slice.call(arrayL
ES6 decided that Array Comprehensions will not included in this version, ES7 will include this. Therefore, only FireFox support this, you can test it ...
转载
2014-11-22 06:26:00
94阅读
2评论
https://juejin.im/post/5c846af3f265da2da835a8751、find 和 findIndexfind() 传入一个回调函数，找到数组中符合当前搜索规则的第一个元素，返回这个元素，并且终止搜索。const arr = [1, "2", 3, 3, "2"]console.log(arr.find(n => typeof n === "...
原创
2021-06-30 16:31:39
250阅读
1、find 和 findIndexfind() 传入一个回调函数，找到数组中符合当前搜索规则的第一个元素，返回这个元素，并且终止搜索。const arr = [1, "2", 3, 3, "2"]console.log(arr.find(n => typeof n === "number")) // 1复制代码findIndex() 与 find() 类似，只是返回的是，找到的这个元素的下
原创
2022-03-29 14:35:43
33阅读
Array.form()：将伪数组转换为真正的数组数组.find()方法findIndex() 方法：找出数组中符合条件的第一个元素的位置数组.includes()方法：表示某个数组是否包含给定的值
原创
2021-12-25 16:57:57
42阅读
Array.form()：将伪数组转换为真正的数组数组.find()方法findIndex() 方法：找出数组中符合条件的第一个元素的位置数组.includes()方法：表示某个数组是否包含给定的值
原创
2022-02-25 14:15:36
68阅读
1. 扩展运算符，用...表示，将一个数组转为用逗号分隔的参数序列console.log(...[1, 2, 3])
// 1 2 3
console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5
[...document.querySelectorAll('div')][<div>, <div>, <div>]a. 该运算符主要
Array.of方法用于将一组值，转换为数组。Array.of总是返回参数值组成的数组。如果没有参数，就返回一个空数组。Array.of基本上可以用来
转载
2023-01-30 16:23:24
122阅读
Array.of()Array.of()方法用于将一组值，转换为数组。Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1这个方法的主要目的，是弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异。Array() // []
Array(3) // [, , ,]
A
javascript ES6 新特性之 解构
解构的作用是可以快速取得数组或对象当中的元素或属性，而无需使用arr[x]或者obj[key]等传统方式进行赋值var arr = [1, 2, 3];
//传统方式
var a = arr[0], b = arr[1], c = arr[2];
console.log(a, b, c); //
