淺談JavaScript中數(shù)組的增刪改查
數(shù)組的增加
•ary.push()
向數(shù)組末尾添加元素,返回的是添加后新數(shù)組的長(zhǎng)度,原有數(shù)組改變
•ary.unshift()
向數(shù)組開(kāi)頭添加元素,返回的是添加后新數(shù)組的長(zhǎng)度,原有數(shù)組改變
• var ary=[1,2,3,4];
var res=ary.unshift(6);
console.log(res); ---->5
返回的是新數(shù)組的長(zhǎng)度•ary.splice(n,m,x)從索引n開(kāi)始刪除m個(gè)元素,把新增的元素X放在索引n的前面,把刪除的元素當(dāng)成一個(gè)新數(shù)組返回,原有數(shù)組改變。
•ary.splice(n,0,x)
從索引n開(kāi)始刪除0個(gè)元素,把新增加的元素x放在索引n的前面,返回的是一個(gè)空數(shù)組,原有數(shù)組改變。
•ary.splice(n,m)
從索引n開(kāi)始刪除m個(gè)元素,把刪除的內(nèi)容當(dāng)做新數(shù)組返回,原有數(shù)組改變
•splice(0,0,x)----->unshift
數(shù)組的刪除
•ary.pop() 刪除數(shù)組的最后一項(xiàng),返回的是刪除的那一項(xiàng),原有數(shù)組改變
•ary.shift() 刪除數(shù)組的的第一項(xiàng),返回的是刪除的那一項(xiàng),原有數(shù)組改變
•var ary=[5,8,3,4,6];var res=ary.shift();console.dir(res);---->5 返回?cái)?shù)組第一項(xiàng)•刪除數(shù)組最后一項(xiàng)的內(nèi)容 ary.splice(ary.length-
1,1) //ary.length-1 數(shù)組最后一項(xiàng)的內(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ù)組的查詢和復(fù)制
•slice(n,m)從索引n開(kāi)始,找到索引m處,把找到的內(nèi)容作為新的數(shù)組返回,原有數(shù)組不改變
•slice(n-1,m)把數(shù)組的第n項(xiàng)到第m項(xiàng)提取出來(lái)
•slice(n) 從索引n開(kāi)始查找到數(shù)組末尾
•slice(0) slice() 將原有數(shù)組復(fù)制一份 屬于數(shù)組克隆
•concat() 也可以實(shí)現(xiàn)數(shù)組克隆
•concat的本意是實(shí)現(xiàn)數(shù)組的拼接 ary.concat(ary2) 把兩個(gè)數(shù)組進(jìn)行拼接
數(shù)組轉(zhuǎn)化為字符串
•tostring把數(shù)組的每一項(xiàng)拿出來(lái)用逗號(hào)隔開(kāi),原有數(shù)組不變
•join("+")把數(shù)組的每一項(xiàng)拿出來(lái)用指定分隔符隔開(kāi)
•數(shù)組求和
var ary=[5,8,3,4,6]; var str=ary.join("+"); var total=eval(str); console.dir(total); //將指定字符串變成真正的表達(dá)式執(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ù)組倒過(guò)來(lái)排序,原有數(shù)組改變
•sort 可以實(shí)現(xiàn)由大到小或者由小到大的排序 但是直接寫(xiě)sort只能排序十以內(nèi)的數(shù)字 ary.sort(function(a,b){return (a-b);})
一些常用的方法 但是不兼容
•indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置。
•foreach
•map
會(huì)在以后的虛席中不斷的進(jìn)行補(bǔ)充 希望可以幫助大家一起理解學(xué)習(xí)。
以上這篇淺談JavaScript中數(shù)組的增刪改查就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript函數(shù)之call、apply以及bind方法案例詳解
這篇文章主要介紹了JavaScript函數(shù)之call、apply以及bind方法案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08JS庫(kù)之Particles.js中文開(kāi)發(fā)手冊(cè)及參數(shù)詳解
因?yàn)樽约盒枰霎a(chǎn)品,所以一個(gè)好的UI界面也是很重要的,發(fā)現(xiàn)這種散射的原子顆粒特效還不錯(cuò)。今天腳本之家小編把Particles.js中文開(kāi)發(fā)手冊(cè)及particles.js參數(shù)分享給大家,需要的朋友參考下吧2017-09-09javascript實(shí)現(xiàn)輸出指定行數(shù)正方形圖案的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)輸出指定行數(shù)正方形圖案的方法,可實(shí)現(xiàn)javascript獲取用戶輸入及根據(jù)輸入?yún)?shù)打印圖形的功能,需要的朋友可以參考下2015-08-08