在正式開始先複習一下js基礎。因為vue最通終也要操作這些元素，vue和以前學的js並不掛勾，他和傳統的jquert  設計理念相反

## js 資料型別

1 基本型別

number  string   boolean  null undefined

object func....

 symbol (es6)

##{}   []     

運算元組方法  pop  push  unshifit  shift slice

concat  

陣列的變異能改變原陣列

新版中增加了常用方法：

forEach filter（過慮） map(對映) some enery induce( includes find es6)

本文中所處環境版本  node.js  8.14    webstorm2018，先複習幾個常用的EC6的方法。。。

迴圈陣列中在es5中

let arr  = [1,2,3,4,5]
for(let i = 0; i<arr.length; i++){
    console.log(arr[i]);  //程式設計式
}

迴圈陣列ES6中
arr.forEach(function (item) {
    console.log(item)    
})  //宣告式   不能 return 


for(let key in arr){  //key會變成字串型別，包括陣列私有屬性
　　console.log(dey)
}
for(let var of arr){//支援return 並且是值of陣列
　　console.log(var);
}