淺談js數(shù)組和splice的用法
首先添加一個(gè)splice函數(shù):
splice:該方法的作用就是從數(shù)組中刪除一個(gè)元素
array.splice(index,count,value....);
index:表示從哪一個(gè)下標(biāo)開始,
count:表示刪除元素的個(gè)數(shù)
value:代表增加的元素
example:
1.var array = new Array(1,2,3,4,5,6);
array.splice(0,1,2)
result:2,2,3,4,5
2.var array = new Array(1,2,3,4,5,6);
array.splice(0,0,2)
result:2,1,2,3,4,5
3.var array = new Array(1,2,3,4,5,6);
array.splice(0,0,2,3,4)
2,3,4,1,2,3,4,5,6
1、數(shù)組的創(chuàng)建
var arr = new Array(); arr[0] = "aaa";arr[1] = "bbb";arr[2] = "ccc";
var a = [1,2,3,4,5];
var c = new Array("first", "second", "third");
或者數(shù)組直接量:
var d = ["first", "second", "third"];
var arrayObj = new Array(); //創(chuàng)建一個(gè)數(shù)組 var arrayObj = new Array([size]); //創(chuàng)建一個(gè)數(shù)組并指定長度,注意不是上限,是長度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //創(chuàng)建一個(gè)數(shù)組并賦值
要說明的是,雖然第二種方法創(chuàng)建數(shù)組指定了長度,但實(shí)際上所有情況下數(shù)組都是變長的,也就是說即使指定了長度為5,仍然可以將元素存儲在規(guī)定長度以外的,注意:這時(shí)長度會隨之改變。
2、數(shù)組的元素的訪問
var testGetArrValue=arrayObj[1]; //獲取數(shù)組的元素值 arrayObj[1]= "這是新值"; //給數(shù)組元素賦予新的值
3、數(shù)組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組結(jié)尾,并返回?cái)?shù)組新長度 arrayObj.unshift([item1 [item2 [. . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組開始,數(shù)組中的元素自動后移,返回?cái)?shù)組新長度 arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個(gè)或多個(gè)新元素插入到數(shù)組的指定位置,插入位置的元素自動后移,返回""。
4、數(shù)組元素的刪除
var a = new Array("first", "second", "third") ; delete a[1] ; document.write(a.length) //顯示的結(jié)果是3,說明即使刪除也無法改變數(shù)組的長度
arrayObj.pop(); //移除最后一個(gè)元素并返回該元素值 arrayObj.shift(); //移除最前一個(gè)元素并返回該元素值,數(shù)組中元素自動前移 arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數(shù)量deleteCount的元素,數(shù)組形式返回所移除的元素
5、數(shù)組的截取和合并
arrayObj.slice(start, [end]); //以數(shù)組的形式返回?cái)?shù)組的一部分,注意不包括 end 對應(yīng)的元素,如果省略 end 將復(fù)制 start 之后的所有元素 arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個(gè)數(shù)組(也可以是字符串,或者是數(shù)組和字符串的混合)連接為一個(gè)數(shù)組,返回連接好的新的數(shù)組
6、數(shù)組的拷貝
arrayObj.slice(0); //返回?cái)?shù)組的拷貝數(shù)組,注意是一個(gè)新的數(shù)組,不是指向 arrayObj.concat(); //返回?cái)?shù)組的拷貝數(shù)組,注意是一個(gè)新的數(shù)組,不是指向
7、數(shù)組元素的排序
arrayObj.reverse(); //反轉(zhuǎn)元素(最前的排到最后、最后的排到最前),返回?cái)?shù)組地址 arrayObj.sort(); //對數(shù)組元素排序,返回?cái)?shù)組地址
8、數(shù)組元素的字符串化
arrayObj.join(separator); //返回字符串,這個(gè)字符串將數(shù)組的每一個(gè)元素值連接在一起,中間用 separator 隔開。 toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
以上這篇淺談js數(shù)組和splice的用法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 體驗(yàn)js中splice()的強(qiáng)大(插入、刪除或替換數(shù)組的元素)
- JS數(shù)組操作(數(shù)組增加、刪除、翻轉(zhuǎn)、轉(zhuǎn)字符串、取索引、截取(切片)slice、剪接splice、數(shù)組合并)
- js刪除數(shù)組中的元素delete和splice的區(qū)別詳解
- JavaScript中數(shù)組slice和splice的對比小結(jié)
- JS 在數(shù)組插入字符的實(shí)現(xiàn)代碼(可參考JavaScript splice() 方法)
- js 數(shù)組操作之pop,push,unshift,splice,shift
- javascript splice數(shù)組簡單操作
- Js數(shù)組的操作push,pop,shift,unshift等方法詳細(xì)介紹
- js數(shù)組操作常用方法
- JavaScript及jquey實(shí)現(xiàn)多個(gè)數(shù)組的合并操作
- JS數(shù)組splice操作實(shí)例分析
相關(guān)文章
Three光源Target位置改變光照方向不變的問題解決方法
這篇文章主要為大家介紹了Three光源Target位置改變光照方向不變的問題及解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12微信小程序獲取當(dāng)前時(shí)間及星期幾的實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于利用微信小程序獲取當(dāng)前時(shí)間及星期幾的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09[JS]實(shí)現(xiàn)動態(tài)增加框架!未完成
[JS]實(shí)現(xiàn)動態(tài)增加框架!未完成...2007-03-03js使用removeChild方法動態(tài)刪除div元素
本節(jié)為大家介紹了js使用removeChild方法動態(tài)刪除div元素,需要的朋友可以參考下2014-08-08微信小程序wx.navigateTo方法里的events參數(shù)使用詳情及場景
這篇文章主要介紹了微信小程序wx.navigateTo方法里的events參數(shù)使用詳情及場景,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01詳解SPA中前端路由基本原理與實(shí)現(xiàn)方式
這篇文章主要介紹了詳解SPA中前端路由基本原理與實(shí)現(xiàn)方式,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測試實(shí)例詳解
這篇文章主要介紹了使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測試,結(jié)合實(shí)例形式詳細(xì)分析了使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測試具體原理、操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-04-04JavaScript中遍歷對象的property的3種方法介紹
這篇文章主要介紹了JavaScript中遍歷對象的property的3種方法介紹,本文先是講解了3種方法并用一張圖片加深理解,然后給出代碼實(shí)例,需要的朋友可以參考下2014-12-12