临阵磨枪,快速应用ES6(1)

92 阅读1分钟

变量

 #作用域  function 中
  var
 #块级作用域  在 {} 中
 let  
 #定义一个常量,不可更改
 const 

数值操作(Number)

#判断是否为数值
 Number.isFinite(3)
#判断是否为NaN
 Number.isNan(NaN)
#判断是否为整数
 Number.isInteger(10)
 #转成整数
 Number.parseInt(10)
#转成浮点数
 Number.parseFloat(10)
#最大值
 Number.MAX_SAFE_INTEGER
 #最小值
 Number.MIN_SAFE_INTEGER

字符串操作

#模版字符串
 let name = '木匠'
 let say = ` 你好, ${name }`
 console.log(say)//你好, 木匠
 #开始结尾查询
 string.startsWith(str)#||endsWith(str)
 #复制多少份
 str.repeat(21)

数组操作

 Array.from(json) => ['val1','val2','val3'] 

 let arr = Array.of(1,2,3) => [1,2,3]
 arr.find((val,index,arr)=>{
   if val == 'lhd' return val
 })
 arr = ['123','456']
 arr.fill('lhd',1,2)#1,2下标可多个
 for(let var of arr||string.) 
 for( [index,value] of Object.entries())
                       # Object.values(obj)
                       # Object.keys(obj) 
 arr = [1,2,3]
 list = arr.entries()
 console.log(list.next().value)//手动循环

箭头函数

(...arg)=>{return ...arg.length}

结构赋值

#数组解构,字符解构,解构默认值
[a=1,b,c] = [1,2,3] 

扩展运算符

# n个值  str 自定义 扩展运算符赋值,不是引用赋值 
 ...str  

解构

#对象解构
let json = {name:"abc",age:8}
function fun ({name,age}){
   console.log(name,age)
}
fun(json)	//abc,8

#数组解构
let arr = ['lhd','mujiang','jj']
function fun(a,b,c){
   console.log(a,b,c)
}
fun(...arr) 

#in的用法
#json使用in
key in json
console.log('name' in json)//true
#Array 使用 in
let arr = ['lhd',,,,,,,]
console.log(2 in arr);//true

数组的遍历

#前端构架的时候商量好只是用一种遍历方法
#以防代码混乱可阅读性差
let  arr = [1,2,3,4]
arr.forEach((val,index)=>{
    console.log(val,index)
})
arr.filter(x  => console.log(x))
arr.some(x => console.log(x))
arr.map(x =>'web')

数组转字符串

arr.toString()
arr.join('-')

对象赋值

let name = 'lhd'
let age = 18
# let obj = {name=name,age=age}
let obj = {name,age}