ES6 快速掌握

一、在函数参数赋值中 undifined 和 null的区别

      在函数调用时,如果参数传入undifined,则取函数默认的值。如果传入null,那么取值则为null

      (undefine没有设置值,取默认的值。null相当于有值,值为null)

二、for ..of的用法

      for循环可以写成 for(let item of items){console.log(item)}这样的写法

三、includes判断某字段是否在某个数组中

     或者 startswith或者endswith

    repeat的用法  ----》  (‘heollo ’| .repeat(21) )打印21次

四、1.Array.of的用法

      Array.of可以将一些数组或者字符串转换成数组格式 

     2.find使用

      使用对象为arr

     arr.find(function(value,index,arr){

        //过滤数字表达式

     })

    3.fill()的使用

      fill(arg, from,end)方法接受3个参数   

       arg表示要跳填充的对象   from其实位置(填充),end(不填充)【前闭后开】

    4.enties的用法

let arr=['js','css','html']
let list=arr.entries();
console.log(list.next().value);
console.log(list.next().value);
console.log(list.next().value);

     

     5.in的用法

        判断数组或者对象中是否包含某值

       let  json = {a:1,b:2}

       console.log('a' in json)   //true

       

       注意:这里的0指的是数组下标位置是否为空。

 6.forEach

    

let arr=['js','css','html'];
 
arr.forEach((val,index)=>console.log(index,val));

 7.filter

3
let arr=['js','css','html'];
 
arr.filter(x=>console.log(x));

3
let arr=['jspang','技术胖','前端教程'];
 
arr.filter(x=>console.log(x));

8.some

   let ar = ['js','css', 'html']

   arr.some(x = > console.log(x))

9.map

   let ar = ['js','css', 'html']

   arr.map(x = > 'web')

11.join

    arr = ['js', 'css', 'html']

    console.log(arr.join('|'))

12.toString

   arr = ['js', 'css', 'html']

    console.log(arr.toString())

13.Object.is()

    obj1 = {name:kaer}

    obj2 = {name:kaer}

   Object.is(obj.name,obj2.name)   //true\

   

3
let arr=['jspang','技术胖','前端教程'];
 
arr.filter(x=>console.log(x));

同值相等  严格相等
console.log(+0 === -0)  // true
console.log(NaN === NaN)  //false


console.log(Object.is(+0,-0)) //false

console.log(Obeject.is(NaN,NaN)) //true

13.Object.assign

  let obj1 = {name:kaer}

  let  obj2 = {name:kaer}

let d = Object.assign(obj1,obj2)

六、 Symbol

1.let f = Symbol();
   let obj = {
      [f]:"jspang"
   }
console.log(obj[f]); // jspang
obj[j] = "web"
console.log(obj[f]) //web


let obj = {name:'jspang',skill:'web'};
let age = Symbol();
obj[age] = 18;
console.log(obj) //{name: 'jspang',skill:'web',Symbol(18)}
for(let item in obj){
  console.log(obj[item]) //jspang web

}


七、Set  weakSet

let setArr = new Set(['js','css','html'])
1.add
2.has
  console.log(setArr.has('xiaodi')) //false
3.clear()
  console.log(setArr.clear())  // ''
4.delete()
  setArr.delete('js')
5.for ... of
  for(let item of setArr){
    console.log(item)
  }
6.forEach
  setArr.forEach((value)=>console.log(value))
7.size
  console.log(setArr.size()) // 3
二、weakset
   let weakObj = weakSet();
   let obj = {a:'jspang',b:'js'}
   weakObj.add(obj)

   console.log(weakObj )

八、map

let json = {
name: 'jspang',
skill: 'web'
}
console.log(json.name)


var map = new Map();
map.set(json, 'I');
console.log(map);//Map(1)?{{…} => "I"}


1.查
 console.log(map.get(json)) // I
2.删
 map.delete(json)
3.size属性
 console.log(map.size) // 2
4.has
 map.has('jspang')
5.clear

 map.clear()


九、

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页