技術標籤：筆記前端javascriptjs

1.陣列解構

	let arr = [1,2,3];
    //以前我們想獲取其中的值，只能通過角標。
    // let a = arr[0];
    // let b = arr[1];
    // let c = arr[2];
    //ES6可以這樣，a,b,c 將與arr中每個位置對應來取值
    let [a,b,c] = arr;
    console.log(a,b,c)

2.物件解構

		const person = {
            name: "jack",
            age: 21
 
,
            language: ['java', 'js', 'css']
        }
        //解構表示式獲取值，將person裡面的每個屬性和左邊對應賦值
        //const { name, age, language } = person;
        //等於下面
        //以前的寫法
        //         const name = person.name;
        //         const age = person.age;
        //         const language = person.language;
 


        //或者將name值給abc
        const { name: abc, age, language } = person;
        console.log(abc, age, language)
        //console.log(name, age, language)

3、字串擴充套件

3.1 幾個新的API

includes() : 返回布林值，表示是否找到了引數字串

startWith(): 返回布林值，表示引數字串是否在原字串的頭部

endsWith() : 返回布林值，表示引數字串是否在原字串的尾部

   let str = "hello.vue"
 
;
   console.log(str.startsWith("hello"));//true
   console.log(str.endsWith(".vue"));//true
   console.log(str.includes("e"));//true
   console.log(str.includes("hello"));//true

   let str = "hello.vue";
   console.log(str.startsWith("hello"));//true
   console.log(str.endsWith(".vue"));//true
   console.log(str.includes("e"));//true
   console.log(str.includes("hello"));//true

3.2 字串模板

//1、大段字串不用想以前那樣拼接
    let ss = `<div>
          <span>hello world<span>
        </div>`;
    console.log(ss);

 //2、字串插入變數和表示式，變數名寫在 ${} 中，${} 中可以放入 JavaScript 表示式。
    function fun() {
      return "這是一個函式"
    }
    //其中abc是前面獲得person的name值變數
    let info = `我是${abc}，今年${age + 10}了, 我想說： ${fun()}`;
    console.log(info);