首頁 web前端 js教程 解析javascript 陣列以及json元素的新增刪除_javascript技巧

解析javascript 陣列以及json元素的新增刪除_javascript技巧

May 16, 2016 pm 05:31 PM
javascript 陣列

javasscript刪除數組的3種方法
1,用shift()方法
shift:刪除原始數組第一項,並傳回刪除元素的值;若陣列為空則回傳undefined
var chaomao=[1,2,3,4,5]
var chaomao.shift()//得到1
alert(chaomao)//[2, 3,4,5]

2,用pop()方法
pop:刪除原數組最後一項,並傳回刪除元素的值;如果陣列為空則傳回undefined
var chaomao=[1 ,2,3,4,5]
var chaomao.pop()//得到5
alert(chaomao)//[1,2,3,4]
前面的方法只能操作數組開頭和結尾,無法操作中間項,如果要操作中間的項,使用splice方法

3,用splice方法
這個方法很強大,可以對數組任意項進行增加,刪除,替換操作

修改操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,1,8,9)
alert(chaomao)//1,2,8,9,4,5
第一個參數是準備操作的陣列位置,第二個參數是操作位置後面的陣列項數,第三個以後的就是,被替換後的內容
例子就是表示:從chaomao這個數組位置2開始(也就是值為3的那一項,數組下標從0開始的),位置2後的一項,替換成8,9
如果把第二個參數改為2,也就是chaomao.splice(2,2,8,9),也就是說位置2後面的兩項換成8,9,打印出來的結果就是1,2,8,9,5,3和4這2兩項被換掉了
這裡需要說明的是,被替換的項數不一定要和替換的項數相等,1項可以換成3項,5項也可以換成2項,基於這個原理,我們就用這個方法來對數組進行添加和刪除操作

刪除操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,1)
alert (chaomao)//1,2,4,5
上面例子中,把chaomao中的位置2後的1項替換成空的,因為後面沒有內容,結果可以看到,把3這項刪除了

新增操作:
var chaomao=[1,2,3,4,5]
chaomao.splice(2,0,8,9)
alert(chaomao)//1,2,8,9,3,4,5
上面例子中,把chaomao中位置2後的0項換成8,9,也就等於加了兩項目
其實,刪除和新增操作都只是splice修改方法的兩種衍生罷了
javasscript刪除物件的方法
js中刪除物件元素用delete操作符
我們來看看一個範例

複製程式碼 程式碼如下:

var p ={ "name": “chaomao”,
"age":45,
"sex":"male"
};
delete p.name
for(var i in p){
console.log(i);//輸出age,sex,name項已經被刪除了
}

加入json元素的方法
複製程式碼 程式碼如下:

var json = {}; // 如果json已經定義就跳過🎜>
var json = {}; // 如果json已經定義就跳過
json[text] = value;
json.text2 = value2;  // 此時text2必須符合變數名稱標準,否則得使用陣列方式賦值

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1246
24
如何使用 foreach 迴圈移除 PHP 陣列中的重複元素? 如何使用 foreach 迴圈移除 PHP 陣列中的重複元素? Apr 27, 2024 am 11:33 AM

使用foreach循環移除PHP數組中重複元素的方法如下:遍歷數組,若元素已存在且當前位置不是第一個出現的位置,則刪除它。舉例而言,若資料庫查詢結果有重複記錄,可使用此方法移除,得到不含重複記錄的結果。

PHP數組深度複製的藝術:使用不同方法完美複製 PHP數組深度複製的藝術:使用不同方法完美複製 May 01, 2024 pm 12:30 PM

PHP中深度複製數組的方法包括:使用json_decode和json_encode進行JSON編碼和解碼。使用array_map和clone進行深度複製鍵和值的副本。使用serialize和unserialize進行序列化和反序列化。

PHP 陣列鍵值翻轉:不同方法的效能比較分析 PHP 陣列鍵值翻轉:不同方法的效能比較分析 May 03, 2024 pm 09:03 PM

PHP數組鍵值翻轉方法效能比較顯示:array_flip()函數在大型數組(超過100萬個元素)下比for迴圈效能更優,耗時更短。手動翻轉鍵值的for迴圈方法耗時相對較長。

PHP數組多維排序實戰:從簡單到複雜場景 PHP數組多維排序實戰:從簡單到複雜場景 Apr 29, 2024 pm 09:12 PM

多維數組排序可分為單列排序和嵌套排序。單列排序可使用array_multisort()函數依列排序;巢狀排序需要遞歸函數遍歷陣列並排序。實戰案例包括按產品名稱排序和按銷售量和價格複合排序。

PHP 數組分組函數在資料整理的應用 PHP 數組分組函數在資料整理的應用 May 04, 2024 pm 01:03 PM

PHP的array_group_by函數可依鍵或閉包函數將陣列中的元素分組,傳回關聯數組,其中鍵為組名,值是屬於該組的元素數組。

深度複製PHP數組的最佳實踐:探索高效的方法 深度複製PHP數組的最佳實踐:探索高效的方法 Apr 30, 2024 pm 03:42 PM

在PHP中執行陣列深度複製的最佳實踐是:使用json_decode(json_encode($arr))將陣列轉換為JSON字串,然後再轉換回陣列。使用unserialize(serialize($arr))將陣列序列化為字串,然後將其反序列化為新陣列。使用RecursiveIteratorIterator迭代器對多維數組進行遞歸遍歷。

PHP 陣列分組函數在尋找重複元素中的作用 PHP 陣列分組函數在尋找重複元素中的作用 May 05, 2024 am 09:21 AM

PHP的array_group()函數可用來按指定鍵對陣列進行分組,以尋找重複元素。函數透過以下步驟運作:使用key_callback指定分組鍵。可選地使用value_callback確定分組值。對分組元素進行計數並識別重複項。因此,array_group()函數對於尋找和處理重複元素非常有用。

探索 PHP 陣列去重演算法的複雜度 探索 PHP 陣列去重演算法的複雜度 Apr 28, 2024 pm 05:54 PM

PHP陣列去重演算法的複雜度:array_unique():O(n)array_flip()+array_keys():O(n)foreach迴圈:O(n^2)

See all articles