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的特殊用法,不常用。