淺談JavaScript中數(shù)組的增刪改查
數(shù)組的增加
•ary.push()
向數(shù)組末尾添加元素,返回的是添加后新數(shù)組的長度,原有數(shù)組改變
•ary.unshift()
向數(shù)組開頭添加元素,返回的是添加后新數(shù)組的長度,原有數(shù)組改變
• var ary=[1,2,3,4];
var res=ary.unshift(6);
console.log(res); ---->5
返回的是新數(shù)組的長度•ary.splice(n,m,x)從索引n開始刪除m個元素,把新增的元素X放在索引n的前面,把刪除的元素當成一個新數(shù)組返回,原有數(shù)組改變。
•ary.splice(n,0,x)
從索引n開始刪除0個元素,把新增加的元素x放在索引n的前面,返回的是一個空數(shù)組,原有數(shù)組改變。
•ary.splice(n,m)
從索引n開始刪除m個元素,把刪除的內(nèi)容當做新數(shù)組返回,原有數(shù)組改變
•splice(0,0,x)----->unshift
數(shù)組的刪除
•ary.pop() 刪除數(shù)組的最后一項,返回的是刪除的那一項,原有數(shù)組改變
•ary.shift() 刪除數(shù)組的的第一項,返回的是刪除的那一項,原有數(shù)組改變
•var ary=[5,8,3,4,6];var res=ary.shift();console.dir(res);---->5 返回數(shù)組第一項•刪除數(shù)組最后一項的內(nèi)容 ary.splice(ary.length-
1,1) //ary.length-1 數(shù)組最后一項的內(nèi)容 ary.length-=1 ary.length--
•var ary=[5,8,3,4,6];//
ary.splice(ary.length-1,1);//
ary.length-=1;
console.dir(ary);---->
輸出的是[5,8,3,4]數(shù)組的查詢和復制
•slice(n,m)從索引n開始,找到索引m處,把找到的內(nèi)容作為新的數(shù)組返回,原有數(shù)組不改變
•slice(n-1,m)把數(shù)組的第n項到第m項提取出來
•slice(n) 從索引n開始查找到數(shù)組末尾
•slice(0) slice() 將原有數(shù)組復制一份 屬于數(shù)組克隆
•concat() 也可以實現(xiàn)數(shù)組克隆
•concat的本意是實現(xiàn)數(shù)組的拼接 ary.concat(ary2) 把兩個數(shù)組進行拼接
數(shù)組轉(zhuǎn)化為字符串
•tostring把數(shù)組的每一項拿出來用逗號隔開,原有數(shù)組不變
•join("+")把數(shù)組的每一項拿出來用指定分隔符隔開
•數(shù)組求和
var ary=[5,8,3,4,6];
var str=ary.join("+");
var total=eval(str);
console.dir(total); //將指定字符串變成真正的表達式執(zhí)行
var ary=[5,8,3,4,6];
var total=0;
for(var i=0;i<ary.length;i++){
total+=ary[i];
}
console.dir(total);
數(shù)組的排列和排序
•reverse() 把數(shù)組倒過來排序,原有數(shù)組改變
•sort 可以實現(xiàn)由大到小或者由小到大的排序 但是直接寫sort只能排序十以內(nèi)的數(shù)字 ary.sort(function(a,b){return (a-b);})
一些常用的方法 但是不兼容
•indexOf() 方法可返回某個指定的字符串值在字符串中首次出現(xiàn)的位置。
•foreach
•map
會在以后的虛席中不斷的進行補充 希望可以幫助大家一起理解學習。
以上這篇淺談JavaScript中數(shù)組的增刪改查就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
對layui數(shù)據(jù)表格動態(tài)cols(字段)動態(tài)變化詳解
今天小編就為大家分享一篇對layui數(shù)據(jù)表格動態(tài)cols(字段)動態(tài)變化詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
js實現(xiàn)創(chuàng)建刪除html元素小結(jié)
本文給大家簡單介紹了下使用javascript和jquery實現(xiàn)創(chuàng)建刪除html元素的方法,非常的實用,有需要的小伙伴可以參考下。2015-09-09
原生javascript自定義input[type=radio]效果示例
這篇文章主要介紹了原生javascript自定義input[type=radio]效果,結(jié)合實例形式分析了javascript模擬form表單中radio效果的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08

