本文分享下自己平时积累的一些实用性较高的js方法，在这里一起贴出来供大家探讨。先来几个数组的方法1、去重// ES6Array.from(new Set(arr))// ES5
arr.filter(function(ele, index, array){ //indexOf获取的都是数组里面出现第一次的下标
return index===array.indexOf(ele)
}) 2
转载
2024-04-12 09:25:59
35阅读
转载
2020-04-27 11:04:00
66阅读
2评论
ES6的内置对象扩展引言：本文主要讲的是ES6对数组Array和String字符类型的扩展方法。其中模板字符串是个重点，模板字符串的功能十分强大，用起来也很…爽。还有一个set函数，用来写数组去重功能不要太舒服，hahahArray的扩展方法扩展运算符（展开语法)——扩展运算符可以将数组或者对象转为用逗号分割的参数序列。let ary = [1, 2, 3]; //...ary 1, 2, 3
ES6 Map to Array
Array.from
转载
2020-12-23 23:36:00
177阅读
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
转载
2024-06-07 10:54:25
14阅读
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
55阅读
2评论
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
142阅读
2评论
JavaScript 程序中，对于简单的数字、字符串可以通过 = 赋值拷贝 但是对于数组、对象、对象数组的拷贝，就有浅拷贝和深拷贝之分浅拷贝就是当改变了拷贝后的数据，原数据也会相应改变来说说深拷贝数组深拷贝遍历赋值不推荐此方法let a = [1, 2, 3]
let b = []
for (let val of a) {
b.push(val)
}
b.push(4)
a // [1, 2,
转载
2024-07-15 21:50:37
122阅读
一、 数组扩展1. Array.from作用：将类数组对象转换为数组参数：类数组对象或可遍历对象(iterable)返回：数组Tips：参数一定要有length参数，否则会得到空数组let arrayLike = {
'0': 'a',
'1': 'b',
'2': 'c',
length: 3
};
// ES5转换
let arr1 = [].slice.call(arrayL
转载
2024-04-19 23:09:24
118阅读
一、数组扩展1.Array.from方法 Array.from方法用于将两类对象转为真正的数组：类似数组的对象（本质特征是必须拥有length属性）。因此任何有length属性的对象和可遍历的对象（ES6新增的数据结构Set和Map），都可以通过Array.form方法转为数组。 （1）Array.from方法会将数组的空位转换为undefined，也就是说这个方法不会忽略空位 （2）将类数组的对
转载
2024-04-13 10:51:09
560阅读
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. 该运算符主要
转载
2024-10-11 10:27:58
17阅读
// 实例方法：includes(), startsWith(), endsWith()
// 传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。
// includes()：返回布尔值，表示是否找到了参数字符串。
// startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
// endsWith
Array.form()：将伪数组转换为真正的数组数组.find()方法findIndex() 方法：找出数组中符合条件的第一个元素的位置数组.includes()方法：表示某个数组是否包含给定的值
原创
2021-12-25 16:57:57
44阅读
Array.form()：将伪数组转换为真正的数组数组.find()方法findIndex() 方法：找出数组中符合条件的第一个元素的位置数组.includes()方法：表示某个数组是否包含给定的值
原创
2022-02-25 14:15:36
71阅读
目录 1.对象解构2.对象解构的细节处理2.1.解构的值对象中不存在时2.2.给予解构值默认参数 2.3.非同名属性解构3.数组解构3.1基础解构语法3.2数组嵌套解构4.函数解构传参5.解构小练习在ES6的新语法中新增了解构的方法，它可以让我们很方便的从数组或者对象身上取数据，简化了大量重复的代码，让我们的代码更具可读性和维护性。 1.对象解
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
101阅读
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
253阅读
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阅读
ES6 Set vs ES5 Array
转载
2020-10-01 09:12:00
108阅读
2评论
一、SetSet的基本概念Set对象中可以存储任何类型的值，无论是原始值还是对象引用。类似于数组，与数组不同的是Set对象中存储的值必须是唯一的，没有重复的值Set的基本使用创建一个Set，需要提供一个Array作为输入//案例1
let arr=[1,2,3,3,'3',{},{}];
let res=new Set(arr);
console.log(res);//Set {1,2,3,'3'
