ES6 伪数组转真数组】的更多相关文章

更新日志 2022年6月13日 发布. 2022年5月19日 笔记迁移到博客. 直接上代码 [...a];…
伪数组:无法调用数组的方法,但是有length属性,又可以索引获取内部项的数据结构. 比如:arguments.getElementsByTagName等一系列dom获取的NodeList对象,他们 都算.   转换方法   一: 假设这里有个伪数组:pagis let arr = [].slice.call(pagis) console.log(arr)   这时arr就是真数组了. 二: let arr = Array.prototype.slice.call(pagis); 利用了slic…
这几天抽空学习了es6语法,关于字符串,数值,数组,函数以及对象的扩展,看到es6标准入门这本书,里面讲的扩展特别多,我认为有几部分在项目上用不到,就挑有用的当笔记学习了. 字符串的扩展 str.includes(str1, n) 返回布尔值,表示是否找到了参数字符串 params: 第一个参数str1 必选, 要匹配的字符   第二个参数n 可选 表示开始搜索的索引位置 第n个开始搜索到结束 let str = 'hello world' let str1 = 'hello' console.…
在js中,数组是特殊的对象,凡是对象有的性质,数组都有,数组表示有序数据的集合,而对象表示无序数据的集合. 那伪数组是什么呢,当然它也是对象,伪数组一般具有以下特点: 按索引方式存储数据: 具有length属性: 没有数组的push.shift.pop等方法; function的arguments对象,还有getElementsByTagName.ele.childNodes等返回的NodeList对象,或者自定义的某些对象,这些都可以是伪数组. 我们可以通过以下几种方式将伪数组转换为标准数组:…
伪数组:不能调用数组的方法, 1.对象是按索引方式存储数据的 2.它具备length属性 {0:'a',1:'b',length:2} //es5伪数组转换成数组 let args = [].slice.call(arguments)  //collection let imgs = [].call(document.querySelectorAll('img')) // NodeList //es6伪数组转换成数组 let args = Array.from(arguments) let im…
创建数组 在ES6之前,创建数组的方式主要有两种: 调用 Array 构造函数 用数组字面量语法 为了简化数组的创建过程,ES6新增了两个方法: Array.of() Array.from() Array.of() 方法 ES6之所以向JS添加新的数组创建方法,是要帮助开发者们规避通过Array构造函数创建数组时的怪异行为. let items = new Array(2); console.log(items.length); // 2 console.log(items[0]); conso…
数组和类数组对象定义 数组:[] 类数组对象:只包含使用从零开始,且自然递增的整数做键名,并且定义了length表示元素个数的对象,我们就认为他是类数组对象. 数组使用 let foo_arr = [1,2,3] let foo = (a,b,c)=>(console.log(a,b,c)) // 类数组对象以及数组 console.log(foo(...foo_arr)) 类数组使用 // 类数组对象 let obj = { 0: 'a', 1: 'b', 2: 'c', length: 3…
function unique(array){ return Array.from(new Set(array)); } var arr = ['aa','bb','cc','',1,0,'1',1,'bb',null,undefined,null]; console.log(unique(arr)); 得到的结果是: [, , ", null, undefined] 1.Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iter…
1.解构对象 let saveFiled = { extension: "jpg", name:"girl", size:14040 }; ES5 function fileSammary(file){ return `${file.name}.${file.extension}的总大小是${file.size}`; } console.log(fileSammary(saveFiled)); ES6 function fileSammary({name,exten…
数组扩展 循环 arr.foreach(){ //回调函数 function(val,index,arr){ //val:当前读取到的数组的值,index:当前读取道德数组的索引,arr:当前的数组名 } } 映射 arr.map 同foreach,但是map每读取一条信息都会有一个返回值,从而可以整理数据结构 let newArr=arr.map(){ //回调函数 function(val,index,arr){ //val:当前读取到的数组的值,index:当前读取道德数组的索引,arr:…