JS刪除JSON陣列中的元素的兩種方法：delete和splice
阿新 • • 發佈：2018-12-20
最近的需求中，需要從JSON陣列中刪除元素，之前不太瞭解，特地查了一下，總結一下：
splice(startIndex,count);這個方法用於從陣列的第startIndex位開始，刪除count個元素。
說明：
1、滿足條件的元素直接被刪除，腳標重信排
2、startIndex應該可以為任意數字和字元（用應該是因為我只字元我只是測了一兩個，具體規律不清楚）。若為數字則自動呼叫parseInt方法處理（去除小數部分）；若startIndex小於等於-1，則根據parseInt方法得到的結果，從後往前數，超出則不處理；若startIndex大於-1，則根據parseInt方法得到的結果，從前往後數（0開始），超出則不處理。
3、count為非數字時無效（不報錯），若為數字則自動呼叫parseInt方法處理（去除小數部分）；若count小於1，不做任何處理；若count大於等於1，則根據parseInt方法得到的結果，刪除滿足條件的元素，若對應位置沒有元素，則不做任何處理（不報錯）。
delete array[i];這個方法用於刪除陣列中第i個元素，替換為null（有帖子說是undefined，但是我自己測試結果是null，可能是瀏覽器的關係）。
說明：
1、腳標不為正整數，將不做處理（不報錯）
2、腳標所指向的元素不存在，將不做處理（不報錯）
貼一些測試程式碼（以上資訊主要根據自己理解和測試結果，瀏覽器為ie11，可能存在遺漏或者其他瀏覽器不相容的問題，實際使用的時候，需要多測試，也歡迎通過微信公眾號“輕聆世界”與我聯絡討論）：
<html> <script src="jquery-1.11.3.min.js"></script> <script> window.onload = function(){ var test1 = [{"a":"1"},{"b":"3"}, {"c":"5"}]; console.log(test1.length+"---"+JSON.stringify(test1)); // 3---[{"a":"1"},{"b":"3"},{"c":"5"}] test1.splice(0, 1); // 從第0個元素開始，刪除1個 console.log(test1.length+"---"+JSON.stringify(test1)); // 2---[{"b":"3"},{"c":"5"}] var test2 = [{"a":"1"},{"b":"3"}, {"c":"5"}]; console.log(test2.length+"---"+JSON.stringify(test2)); // 3---[{"a":"1"},{"b":"3"},{"c":"5"}] test2.splice(0, 2); // 從第0個元素開始，刪除2個 console.log(test2.length+"---"+JSON.stringify(test2)); // 1---[{"c":"5"}] var test3 = [{"a":"1"},{"b":"3"}, {"c":"5"}]; console.log(test3.length+"---"+JSON.stringify(test3)); // 3---[{"a":"1"},{"b":"3"},{"c":"5"}] test3.splice(1, 1); // 從第1個元素開始，刪除1個 console.log(test3.length+"---"+JSON.stringify(test3)); // 2---[{"a":"1"},{"c":"5"}] var test4 = [{"a":"1"},{"b":"3"}, {"c":"5"}]; console.log(test4.length+"---"+JSON.stringify(test4)); // 3---[{"a":"1"},{"b":"3"},{"c":"5"}] delete test4[1]; // 將第1個元素刪除，用null填充 console.log(test4.length+"---"+JSON.stringify(test4)); // 3---[{"a":"1"},null,{"c":"5"}] for (i in test4){ console.log(JSON.stringify(test4[i])) // {"a":"1"} {"c":"5"} } } </script> </html>
IE控制檯輸出結果：
