ES6(四)

遍历接口新增

在ES6中新增了一个遍历接口for…in可用来遍历字符串，数组。

let str="hello";
for(let i for str){
console.log(i);//可以得到字符串的每个元素

字符串新增方法

1. includes(item) 作用：判断母串是否包含子串item，返回值为布尔类型。

let str="hello";
console.log(str.includes("o"));//ture

2. startsWith(item) 作用：判断母串是否以item开头。

let str="hello";
console.log(str.startsWith("h"));//ture

3. endsWith(item) 判断母串是否以item结尾。

let str="hello";
console.log(str.endsWith("o"));//ture

4. repeat(n) 将原字符串重复n次。

"hello".repeat(2);//"hellohello"

5. padStart(n,con) 作用：头部补全。
   padEnd(n,con) 作用：尾部补全。
   参数说明：n:指定的长度，con补充的内容。

        console.log("x".padStart(5,"ab"));//"ababx"
        console.log("x".padEnd(5,"ab"))//"xabab"

模板字符串

在ES6中，可以使用反引号来定义字符串。
使用反引号定义字符串的优点：
1.支持换行。
2.支持字符串模板，在字符串模板中通过${},可以访问程序中的变量，代码块，对象，函数等。
示例：

 //模板字符串
        let student={
            name:"小明",
            age:20
        }
        let a=`姓名：${student.name},年龄：${student.age}岁`;
        console.log(a)

        let fn=(a,b)=>a*b;
        console.log(`a,b的积为：${fn(10,20)}`)

对象扩展

在ES6中，若属性名与值的变量名相同，则可以省略赋值。

let name="jack;
let age=20;
let obj={
	name,age
   }
console.log(obj.name);//"jack"

ES6中对象方法的简化：

let name = "小明";
        let age = 20;

        let student={
            name,age,
            say(n){
                console.log(n)
            },
            walk(){
                console.log("hello")
            }
        }
        console.log(student.name)
        student.say(123)