ES6----数据扁平化,字符串方法,模板字符串,新增对象

将二维数组转化成一维数组,就是数据扁平化

let arr = [
    ["小明",18],
    ["小刚",18],
    [
        [
            1,[3,4]
        ]
    ]
]
console.log(arr.flat(3))//向下提取n层

如果嵌套好多层可以arr.flat(Infinity)

arr.fill

arr.includes

let arr = [0,1,2,3,4]
// arr.fill("a",2,20)
//从第二位开始检索
let flag = arr.includes(3,4)
console.log(flag)

字符串新增方法

startsWith

endsWith 

let str = "我要成为大神"
//从第四位开始检查是"大神"开始
console.log(str.startsWith("大神",4))
//只看前四位,false
console.log(str.endsWith("大神",4))

repeat

    let str = "a"
    //让a重复30次
    console.log(str.repeat(30))

模板字符串

做字符串拼接的实用方法

let p = document.querySelector("p");
let name = "小明"
let age = 20
let school = "初中"
p.innerHTML = `今年<strong>${name}</strong>就要<strong>${age}</strong>岁了,终于升入${school}了`

${}模板字符串的插值表达式

和普通字符串的区别,模板字符串可以换行

插值可以是值或者是函数

let p = document.querySelector("p");
let name = function(){
    return "小明2"
}
let age = 20
let school = "初中"
p.innerHTML = `今年<strong>${name()}</strong>就
要<strong>${age>13?age:"保密"}</strong>岁了,终于升入${school}了`

可以用三目表达式

新增对象方法

对象新增写法

let a = 0;
let b = 1;
let obj = {
    a:a,
    b:b
}

//简洁表示
let obj ={
    a,
    b,
    c(){
    console.log("d")
}
}

简洁表示

对象合并

let obj = {
    a:1,
    b:2
}
let obj2 = {
    ...obj,
    c:3,
    d:4
}
//把obj合并到obj2中
 Object.assign(obj2,obj)
console.log(obj2)

或者 obj2 = Object.assign({},obj2,obj)

把obj2和obj1合并到{}

或者使用展开运算符

对象比较Object.is(value1,value2)

比较两个对象是否相等

上一篇:拖拽


下一篇:URL转义