後台管理系統中常用的es6方法

2021-10-06 10:34:32 字數 1545 閱讀 7463

後台管理系統中最常見的莫過於增刪改查,常用的方法有map(渲染乙個下拉框),includes(與indexof類似,但比他強大,它們既可以用於陣列也可以用於字串),find&&findindex(返回第乙個滿足條件的值,沒有則返回undefined),filter(返回滿足條件的資料),foreach(for迴圈的簡化版)

this

.state =

const newdata =`,

age:18,

};

//react寫法

const

=this

.state;

this

.setstate()

;

const index = newdata.

findindex

(item => item.key === row.key)

;const num =

1//刪除的個數

newdata.

splice

(index, num)

//刪除乙個元素

const newarr = array.

filter

(item => item.id !== key)

//陣列中刪除多個元素的方法

let a =[1

,4,8

,10]let b =[1

,4,8

]let c = a.

filter

(item =>

!b.includes

(item)

)//[10]

let d = a.

slice(3

)//[10]

//splice會改變原陣列,它可以實現增刪改

//1.增加

arr.

splice

(index,

0,item)

//item是想新增的元素,index為陣列的索引值,

//2.刪除

在方法2中刪除已介紹

//3.修改:

const index = newdata.

findindex

(item => item.key === row.key)

;newdata.

splice

(index,1,

);//新的修改方法:

let arr =

let obj =

const index = arr.

findindex

(item => item.id == obj.id)

//可以替換原來有的屬性,沒被替換的繼續保留

arr[index]

=

let text = e.target.value

let newdata = data.

filter

(item =>

好用的ES6方法

es6提供了array.includes 函式判斷是否包含某一元素,除了不能定位外,解決了indexof的上述的兩個問題。它直接返回true或者false表示是否包含元素,對nan一樣能有有效。const arr1 a b c d e f g h i j k nan console.log arr1...

es6方法自我實踐

filter過濾 有返回值 引數為元素和index 然後之間給條件 返回符合條件的元素 object.assign 一般用於淺拷貝 淺拷貝只拷貝一層,其他的只是對映位址,深拷貝全部複製成為乙個新的物件 深拷貝還可以 缺點 函式型別和日期物件轉換會有問題 他還可以合併物件 還有我理解的物件去重 for...

專案中常用的ES6

看 及注釋就懂了 把es6 es2015 轉換為es5 解構賦值 let dessert,drink,fruit breakfast const breakfast let breakfast 字串 陣列展開符 利用 array 的 concat 實現 let food rice breakfast...