es6基础(6)--数组扩展】的更多相关文章

//数组扩展 { let arr=Array.of(3,4,6,7,9,11);//可以是空 console.log('arr=',arr);//[3,4,6,7,9,11] } { //Array.from把伪数组或者集合变为数组 let p=document.querySelectorAll('p'); let pArr=Array.from(p); pArr.forEach(function(item){ console.log(item.textContent); }) //类似map…
扩展运算符(...将数组分割为用逗号分割的参数序列) console.log(...[1,2,3]) //1 2 3 可替换数组的apply写法: function test(x,y,z){ console.log(x,y,z) } var arg = [1,2,3]; test.apply(null,arg) ////1 2 3 test(...arg) //1 2 3 扩展运算符的应用 复制数组 const a = [1, 2]; //复制数组a const b = [...a] //方法1…
1. Array.from() : 将伪数组对象或可遍历对象转换为真数组 如果一个对象的所有键名都是正整数或零,并且有length属性,那么这个对象就很像数组,称为伪数组.典型的伪数组有函数的arguments对象,以及大多数 DOM 元素集,还有字符串. 针对伪数组,没有数组一般方法,直接遍历便会出错,ES6新增Array.from()方法来提供一种明确清晰的方式以解决这方面的需求. Array.from(btns).forEach(item=>console.log(item))将伪数组转换…
{ let arr = Array.of(3, 4, 7, 9, 11); console.log('arr', arr); //[3,4,7,9,11] let empty = Array.of(); console.log(empty); //[] } //ES6为Array增加了from函数用来将其他对象转换成数组. //当然,其他对象也是有要求,也不是所有的,可以将两种对象转换成数组. //1.部署了Iterator接口的对象,比如:Set,Map,Array. //2.类数组对象,什么…
//正则扩展 { let regex=new RegExp('xyz','i'); let regex2=new RegExp(/xyz/i); console.log(regex.test('xyz123'),regex2.test('xy')); //后面的修饰符i覆盖原来的ig修饰符 let regex3=new RegExp(/xyz/ig,'i'); console.log(regex3.flags); } { let s='bbb_bb_b'; //g,y都是全局匹配 let a1=…
4.字符串扩展 (1)for...of循环遍历. let foo = [1,2,3,4,5,6] for(let i of foo){ console.log(i); } 结果: (2)includes().startsWith().endsWith() JavaScript 只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中[返回某个指定的字符串值在字符串中首次出现的位置]. ES6 又提供了三种新方法. includes():返回布尔值,表示是否找到了参数字符串. sta…
//字符串扩展 { console.log('a','\u0061'); console.log('s','\u20BB7');//超过了0xffff console.log('s','\u{20BB7}');//如果超过就用{}包裹 } { //es5中 let s='…
{ //有默认值的后面如果有参数必须要有默认值 function test(x,y="world"){ console.log(x,y) } test('hello');//hello world test('hello',"kill");//hello kill } { let x='test'; function test2(x,y=x){ console.log('作用域',x,y); } test2('kill');//kill kill function…
{ //Number.isFinite数字是有尽的 console.log(Number.isFinite(15));//true console.log(Number.isFinite(NaN));//false console.log(Number.isFinite('true'/0));//false console.log(Number.isNaN(NaN));//true console.log(Number.isNaN(10));//false } { //判断是否为整数,括号里面必…
前面的话 数组是一种基础的JS对象,随着时间推进,JS中的其他部分一直在演进,而直到ES5标准才为数组对象引入一些新方法来简化使用.ES6标准继续改进数组,添加了很多新功能.本文将详细介绍ES6数组扩展 创建数组 在ES6以前,创建数组的方式主要有两种,一种是调用Array构造函数,另一种是用数组字面量语法,这两种方法均需列举数组中的元素,功能非常受限.如果想将一个类数组对象(具有数值型索引和length属性的对象)转换为数组,可选的方法也十分有限,经常需要编写额外的代码.为了进一步简化JS数组…