文章目录 数组的扩展(ES6) 1. 扩展运算符 2. Array.from 3. Array.of() 4. copyWithin() 5. find() 和 findIndex() 6. fill() 7. entries(), keys() 和 values() 8. includes() 9. 数组的空位 数组的扩展(ES6) 数组平时肯定是用的比较多的,今天和大家聊一下ES6对数组的扩展,理解的东西不多,主要是比较繁琐,简单整理了一下,主要是下面的几个地方. 1. 扩展运算符 扩展运算…

ES5 检测数组 let arr = [1,2,3,4] Array.isArray(arr) arr instanceof Array 转换方法 arr.toLocaleString() arr.toString() arr.valueOf() 栈方法(后进先出) arr.push(item1,item2,....,itemx); // 添加元素,返回值为数组的长度,并且原数组会发生变化 arr.pop(item1,item2,....,itemx); // 删除并返回数组的最后一个元素,原数…

ECMAScript6对数组进行了扩展,为数组Array构造函数添加了from().of()等静态方法,也为数组实例添加了find().findIndex()等方法.下面一起来看一下这些方法的用法. Array.from() Array.from()将类数组(array-like)对象与可遍历的对象转化为数组并返回.例如将dom节点集合转化为数组,以前我们可能都会这样写: var divs = document.querySelectAll("div"); [].slice.call(…

1.扩展运算符[三个点(...)将一个数组转为用逗号分隔的参数序列] 作用:用于函数调用 function add(x, y) { return x + y; } const numbers = [2, 6]; add(...numbers) // 8 8 2....作用[求最大值/拼接数组/复制数组(a2复制a1,改a2不改变a1)/合并数组/将字符串转化为真正的数组] 求最大值 拼接数组 复制数组(a2复制a1,改a2不改变a1) 合并数组 将字符串转化为真正的数组 (1)最大值 Math.…

1.Array.from(): 将伪数组对象和遍历的对象转为真数组 如果一个对象的键都是正整数或者0,并且有 Length属性,那么这个对象很想数组,称它为伪数组. 伪数组: let obj = { 0: 0, 1: '1', 2: '2', 'length': 3 } obj.length = 3; let arr = Array.from(obj) // 将伪数组转换为数组 console.log(arr) // [0,1,2] (1)对象中没有length属性的话, Array.from(…

chapter08 数组的扩展 8.1 扩展运算符 8.1.1 扩展运算符的含义 ... 如同rest运算符的逆运算,将一个数组转换为用逗号分隔的参数序列. console.log(...[1, 2, 3]) // 1, 2, 3 // 用于函数调用 function add (x, y) { return x + y; } add(...[1, 2]); // 3 8.1.2 代替数组的apply方法 apply方法可以将数组转为函数的参数 // ES5的写法 function f (x, y…

一.数组的复制 // alert([1,2,3]==[1,2,3]); let cc = [0,1,2]; let dd = cc; alert(dd==cc);//此时改变dd会影响cc ES5 只能用变通方法来复制数组. const a1 = [1, 2]; const a2 = a1.concat(); a2[0] = 2; a1 // [1, 2] //使用ES6语法会防止这种现象出现 const a1 = [1, 2]; // 写法一 const a2 = [...a1]; // 写法…

数组扩展运算符 ...(三个点) const demoArr=[0,1,2,3,4] console.log(...demoArr) // 0 1 2 3 4 // 他把一个数组用逗号分隔了出来 // 求和 A function sunA(one,two,three,four,five){ console.log(one+two+three+four+five) } // 求和 B function sunB(array){ array.forEach(val => { this.valSun+…

数组的扩展 扩展运算符 含义 扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. 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>] 该运算符主要用于函数调用. functio…

在ES6中新增了扩展运算符可以对数组和对象进行操作.有时候会遇到数组和对象的拷贝,可能会用到扩展运算符.那么这个扩展运算符到底是深拷贝还是浅拷贝呢? 一..使用扩展运算符拷贝 首先是下面的代码. let a = [1,2,3]; let b = [...a];a == b // false 结果是false,这是很容易知道的,毕竟这个赋值操作符是由区别的.接下来将数组的只进行改变,又会怎样呢: let a = [1,2,3]; let b = [...a]; a[0] = 11; console…