ES6擴充套件運算子 進行的陣列刪除

2022-03-07 20:49:19 字數 1068 閱讀 9204

今天寫了按照react小書寫了reducer，發現基礎真是太重要了，所有關於上層建築的細節都需要回到下層細節中去尋找，而且現在的基礎也由es3變成了es6了。

const add_user = "add_user"


const delete_user = "delete_user"


const update_user = "update_user"


const usersreducer = (state = , action) => })}


default:


return state


}}
通過上面這種擴充套件運算子的方式，可以將 陣列裡面的值展開。

也許我們還需要知道，es6中的擴充套件運算子是不支援物件擴充套件的，不過 es7 是支援的

利用擴充套件運算子我們能夠很好地簡化我們的**，比如 上方就是object.assign的一種簡化(環境需要支援es7)
let obj1 = ;


let obj2 = ;


console.log(object.assign({}, obj1, obj2)); // way1


console.log();            // way2
以上**的執行結果是相同的。但我們要知道如果寫 object.assign(obj1, obj2)與上兩者有些不同。

如果只是想要和合併出乙個新的物件請採用 way1 和 way2，如果是合併乙個老物件用上面這句話。

在 redux 中，推薦這種刪除方式。
const deletenumber = (arr, index) => ;


let testarr = [1, 2, 3, 4, 5];


console.log(deletenumber(testarr, 4)); // [1, 2, 3, 4]
需要注意的是slice是返回乙個新陣列，確切地說是新的子陣列，不會改變原來的陣列。

complete.

ES6 擴充套件運算子

擴充套件運算子用3個點表示,功能是把陣列或者類陣列物件展開成一系列用逗號隔開的值 1，陣列 let arr red green blue console.log arr red,green,blue拷貝陣列 和object.assign一樣都是淺拷貝 let arr red green blue l...

ES6擴充套件運算子

首先，我們要讀仔細下面這句話，就很容易知道擴充套件運算子的使用了，可以在心裡反覆讀三遍 接下來，我們看下究竟怎麼個情況 宣告乙個方法 var foo function a,b,c console.log a console.log b console.log c 宣告乙個陣列 var arr 1,2...

es6擴充套件運算子

1 複製 拷貝 陣列 陣列元素都是基本資料型別 var arr a b c var copy arr console.log copy a b c arr copy false2 函式呼叫 陣列作引數 function add x,y var numbers 4 38 add numbers 423...