導航:首頁 > 編程語言 > js往數組里添加元素

js往數組里添加元素

發布時間:2023-03-11 15:15:20

A. js數組操作(添加、刪除、替換元素)

1、添加元素

函數:push(para),參數說明para要添加的元素

示例:

var lang = ["php","java","javascript"];

lang.push('.net');

結果:lang = ["php","java","javascript",".net"];

2、刪除和替換元素

函數:splice(para1,para2,para3),參數說明para1其實位置(從0開始),para2要刪除的元素個數,para3(可選)要替換的元素

示例:

a、刪除

var lang = ["php","java","javascript"];

lang.splice(0,1);

結果:lang = ["java","javascript",".net"];

b、替換

var lang = ["php","java","javascript"];

lang.splice(0,1,'.net');

結果:lang = [".net","javascript",".net"];

B. js向一個數組中插入元素的幾個方法

1.向數組結尾添加元素
arry.push()
2.向數組的頭部添加元素版
arry.unshift()
3.向數組中間添權加元素
arrayObject.splice(index,howmany,item1,.....,itemX)

C. js中如何向json數組添加元素

var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]";
var jsonarray = eval('('+jsonstr+')');

var arr =
{
"name" : $('#names').val(),
"value" : $('#values').val()
}
jsonarray.push(arr);

//2、
var json={};// 定義一個json對象
json.array1=["2","4"];// 增加一個新屬性,此屬性是數回組
json.array1[json.array1.length]='6';// 數組追加答一個元素
alert(json.array1)

D. js對象數組添加元素

數組有四種定義的方式
使用構造函數:
var a = new Array();
var b = new Array(10);
var c = new Array("first", "second", "third");
或者數組直接量:
var d = ["first", "second", "third"];

擴展:
function ObjStory(id,biaoti,author,type) //聲明對象
{
this.ID = id;
this.Biaoti= biaoti;
this.Author= author;
this.Type = type;

}

var arr = new Array();//聲明數版組,用來存儲標題信息權
var writer= new ObjStory(11,『大家去看海』,『李大膽』,『文藝類』);//聲明對象
arr[0]=writer;//向集合中添加對象

另一種方法:
var Array=[];

Array.push(new ObjStory(12,『大家去看海』,『李大膽』,『文藝類』));

Array.push(new ObjStory(14,『大家去看天』,『李小膽』,『文藝類』));

E. JS創建數組及數組元素

1、字面量的方式創建數組 :

         let arr = ['張三','李四','王五'];

        let num = [11,22,33,44];

        console.log(arr); 

         數組的下標從0開始 

 2、構造函數的方式創建數組 

        new Array(size);

        表示數組中可存放的元素總數

        規定了總數 但是添加一個數 總數也會增

        new Array()實例化一個數組對象 

         let arr = new Array(3)

         arr = [1,2,3,4] 

        聲明時賦值 :

         let arr = new Array(1,2,3,4,5,6) 

        分別賦值 :

         let arr = new Array(3);

        arr[0] = 'zhangsan';

        arr[1] = 'lisi';

        arr[2] = 'wangwu' ;

 3、通過數組的名稱和下標直接訪問數組的元素 

         console.log(arr[1]); 

        for(var i in arr){

            console.log(arr[i]); } 

  4、屬性   length  設置或返回數組中元素的數目 

        let arr = [1,2,3,4,5]

         console.log(arr.length); 

  5、 join( )  把數組的所有元素放入一個字元串,通過一個分隔符進行分隔 

        把數組轉成字元串 

        let newstr = arr.join(); 

         join()裡面沒有傳任何參數 默認以逗號連接 

         join('') 數字中間沒有任何字元拼接

        let newstr = arr.join('+');

         console.log( typeof(newstr) ); 

       console.log(newstr);

   6、 sort()   對數組排序 

         隱式數據類型轉換 會字元串類型的轉成數字類型進行排序 

        let arr = ['2', '3', '1', '5', '0'];

        let newarr = arr.sort(); 

         sort方法 會把老數組和新產生的數組都進行排序 

        console.log(arr, newarr); 

       sort()對應多位數排序會出現問題

        let arr = [2,22,3,32,1,12,100];

       sort 給我們提供的解決方法 

         arr.sort(function(a,b){

         從小到大的順序 

          return a-b; 

        從大到小的順序 

          return b-a; })

         console.log(arr);

7、 push()   向數組末尾添加一個或更多元素,並返回新的長度 

         在外面定義的叫全局變數 

        let stu = ['小張','小王','小李'];

      console.log(stu); 

    方法裡面的叫局部區域 

        function fn(){

   因為stu 是全局的 所以在方法裡面 可以獲取到

    數組可以添加重復的數據 

    push也可以添加多個數據 

           let a = stu.push('麗麗','倩倩','雯雯')

            console.log(a);

          console.log(stu);}

         定義一個空數組 點擊添加按鈕 可以在空數組裡面添加

        姓名 點擊一個添加 可以把數組使用 dw 顯示在頁面上 

         let arr = []

         function fn(){

             arr.push('xiaoa')

        document.write有個缺陷,用按鈕點擊的時候

            會把整個頁面進行重新繪制,導致頁面原來的內容丟失  

           document.write(arr)} }

8、 concat() 合並兩個數組 

        對原來的兩個數組 沒有任何改變,會生成一個拼接好的新數組 

         let arr1 = [1,2,3];

         let arr2 = [4,5,6];

         let arr3 = [7,8,9]

     拼接多個數組 

       let newarr = arr1.concat(arr2).concat(arr3);

      console.log('arr1',arr1);

         console.log('arr2',arr2); 

      console.log('newarr',newarr);

        es6合並數組 要是用擴展運算符 ... 

         等同於 [1,2,3] 把arr1的括弧去掉,

        把裡面的內容拿出來了 

        let newarr = [...arr1]; 

         let newarr = [...arr1,...arr2,...arr3];

         console.log(newarr);

        eg1:定義  三個數組  分別是 三組學生的信息 第一組 姓名 年紀  性別 

        把三個數組 拼接起來 使用兩種方式 

        數組中的splice方法 可以對數組進行增刪改 

        splice()裡面有三個參數,

        第一個參數表示 你要操作的數組元素的索引

        第二個參數表示 你要從你選擇的索引開始要刪除的個數

        第三個參數表示 你要添加的數組元素

        let arr = ['張三','李四','王五']; 

         刪除李四 

        arr.splice(1,1) 

        把王五修改成麗麗 

         arr.splice(2,1,'麗麗') 

        添加 你想在哪裡添加就在哪裡添加 

        把倩倩放在數組索引為2的位置 因為第二個參數是0 所以王五不會被刪除 

         arr.splice(2,0,'倩倩') 

        使用splice在數組的末尾添加 

        arr.splice(3,0,'倩倩') 

        在任意數組末尾的位置進行添加 

        arr.splice(arr.length,0,'倩倩')

        console.log(arr); 

         eg2:寫一個數組 裡面有姓名 年紀 性別 展示在頁面上

         再寫三個按鈕 點擊 可以實現

        數組的末尾添加一個信息 刪除年紀  修改性別  點擊完成之後

        數組的最終結果使用alert列印出來 

         let arr = ['張三',20,'男'];

        document.write(arr);

         function fn(str){

            if(str=='add'){

                 arr.splice(arr.length,0,'賓士')

                alert(arr)    }

            if(str=='del'){

                 arr.splice(1,1)

              alert(arr)   }

           if(str=='update'){

               arr.splice(1,1,'女')

              alert(arr) } }

         let arr = ['張三','李四','王五'] 

         push在數組的末尾添加一個元素 

         pop 刪除數組的最後一個元素

         arr.pop();

        console.log(arr); 

        shift 刪除數組的最前面的一個元素 

        arr.shift();

        console.log(arr); 

        unshift 在數組的最前面添加一個數組 

        arr.unshift('麗麗')

        console.log(arr);

F. 向js數組中添加元素的3種方法

1、push() 結尾添加

數組.push(元素)

        參數                                         描述

newelement1必需。   要添加到數組的第一個元素。

newelement2可選。   要添加到數組的第二個元素。

newelementX可選。   可添加多個元素。

2、unshift() 頭部添加

數組.unshift(元素)

       參數                                   描述

newelement1必需。    向數組添加的第一個元素。

newelement2可選。    向數組添加的第二個元素。

newelementX可選。    可添加若干個元素。

3、splice() 方法向/從數組指定位置添加/刪除項目,然後返回被刪除的項目。

          參數                           描述

index必需。                     整數,規定添加/刪除項目的位置,使用負數可從數組結尾處規定位置。

howmany必需。             要刪除的項目數量。如果設置為 0,則不會刪除項目。

item1, ..., itemX可選。   向數組添加的新項目。

G. js如何往數組Array中添加元素

數組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數版組權結尾,並返回數組新長度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組開始,數組中的元素自動後移,返回數組新長度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個或多個新元素插入到數組的指定位置,插入位置的元素自動後移,返回""。
解釋說明:

push:將參數添加到原數組末尾,並返回數組的長度
unshift:將參數添加到原數組開頭,並返回數組的長度

H. js中怎麼把值放入數組中

方法解析如下:

1、push:將參數添加到原數組末尾,並返回數組的長度。

測試代碼如下回:

I. js 如何用splice往數組中插入元素

數組中的插入步驟如下:
1、unshift:將參數添加到原數組開頭,並返回數組的長度
2、pop:刪除原數組最後一項,並返回刪除元素的值;如果數組為空則返回undefined
3、push:將參數添加到原數組末尾,並返回數組的長度
4、concat:返回一個新數組,將參數添加到原數組中構成splice(start,deleteCount,val1,val2,...):從start位置開始刪除deleteCount項,並從該位置起插入val1,val2,...
5、reverse:將數組反序
6、sort(orderfunction):按指定的參數對數組進行排序
7、slice(start,end):返回從原數組中指定開始下標到結束下標之間的項組成的新數組

詳細一點就是:
1、數組的創建
var arrayObj = new Array();//創建一個數組
var arrayObj = new Array([size]);//創建一個數組並指定長度,注意不是上限,是長度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);創建一個數組並賦值 2、數組的元素的訪問
var testGetArrValue=arrayObj[1]; //獲取數組的元素值
arrayObj[1]= "這是新值"; //給數組元素賦予新的值
3、數組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組結尾,並返回數組新長度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組開始,數組中的元素自動後移,返回數組新長度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個或多個新元素插入到數組的指定位置,插入位置的元素自動後移,返回""。
4、數組元素的刪除
arrayObj.pop(); //移除最後一個元素並返回該元素值
arrayObj.shift(); //移除最前一個元素並返回該元素值,數組中元素自動前移
arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數量deleteCount的元素,數組形式返回所移除的元素
5、數組的截取和合並
arrayObj.slice(start, [end]); //以數組的形式返回數組的一部分,注意不包括 end 對應的元素,如果省略 end 將復制 start 之後的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個數組(也可以是字元串,或者是數組和字元串的混合)連接為一個數組,返回連接好的新的數組
6、數組的拷貝
arrayObj.slice(0); //返回數組的拷貝數組,注意是一個新的數組,不是指向
arrayObj.concat(); //返回數組的拷貝數組,注意是一個新的數組,不是指向
7、數組元素的排序
arrayObj.reverse(); //反轉元素(最前的排到最後、最後的排到最前),返回數組地址
arrayObj.sort(); //對數組元素排序,返回數組地址
8、數組元素的字元串化
arrayObj.join(separator); //返回字元串,這個字元串將數組的每一個元素值連接在一起,中間用 separator 隔開。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用。

閱讀全文

與js往數組里添加元素相關的資料

熱點內容
順豐寄快遞文件多少錢 瀏覽:164
消費邦app是怎麼反現的 瀏覽:112
java調用介面方法 瀏覽:742
微信一種以上綁定關系 瀏覽:183
word圖片編輯大小邊框 瀏覽:468
威迅java培訓 瀏覽:389
linux禪道無法訪問 瀏覽:819
怎麼爬取歷史疫情數據 瀏覽:596
linuxjira6破解 瀏覽:694
哪個網站可以看所有檢察雜志 瀏覽:144
java高並發資料庫請求怎麼辦 瀏覽:551
win8怎麼打開gho文件怎麼打開 瀏覽:732
如何網站內搜索 瀏覽:362
qq附近的人客服號碼 瀏覽:570
mac怎麼把word文件轉換為pdf 瀏覽:6
正式文件中的文檔行距多少 瀏覽:202
vu用upload上傳excel文件 瀏覽:544
win10m裝安卓軟體 瀏覽:83
給老師發圖片壓縮文件 瀏覽:684
html圖片背景代碼 瀏覽:763

友情鏈接