關於es6新語法使用的總結

2021-09-27 11:40:54 字數 910 閱讀 9381

1.關於splice(index,1,),該方法將當前值替換

// 編輯目錄,移出滑鼠,將當然資料替換為新資料,原始的陣列也進行替換

inputsub (index, item) ]`)

const edititem = rootli.find('.edititem')

const inputmenu = rootli.find('.inputmenu')

edititem.css('display', 'block')

inputmenu.css('display', 'none')

const editmenuindex = this.menucontent.indexof(item)

this.menucontent.splice(editmenuindex, 1, )

this.editmenuitem = {}

},

2.filter()和map()聯合使用

this.checkeditems = this.menucontent

.filter(_ => _.is_checked)   //過濾出符合條件的項,is_checked為true

.map(_ => _.uuid)   //對映為乙個uuid的陣列

例子:

3.給資料新增乙個屬性

this.menucontent = menucontent.map(item => ({

...item,

uuid: item.uuid || uuid()

例子:

ES6新語法上

es6新語法 1.變數 賦值var 可以重複定義 不能限制修改 沒有塊級作用域 let 不能重複定義 變數 塊級作用域 const 不能重複定義 常量 塊級元素解構賦值 左右兩邊必須一樣,右邊得是個東西 必須定義和賦值同步完成 2.函式 普通 function 函式,引數 箭頭函式 引數,引數 如果...

ES6新語法 箭頭函式

箭頭函式 箭頭函式 實質就是乙個函式固定格式的簡寫 簡寫的規則 function 改為 讀為goesto 如果只有乙個形參,可以省略形參小括號 如果有0個或多個形參 就不能省略形參小括號 如果函式體只有一句話,就可以省略函式體大括號 如果函式體只有一句話,並且這一句話是return 返回值 那麼re...

ES6新語法 解構賦值

物件解構賦值 很重要 物件解構賦值 獲取元素中屬性的值,然後賦值給變數 宣告乙個物件 let obj es5中 let name1 obj.name let age1 obj.age let gender1 obj.gender let score1 obj.score console.log na...