後台管理系統中最常見的莫過於增刪改查,常用的方法有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...