淺談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ù)組并指定長(zhǎng)度,注意不是上限,是長(zhǎng)度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //創(chuàng)建一個(gè)數(shù)組并賦值
要說明的是,雖然第二種方法創(chuàng)建數(shù)組指定了長(zhǎng)度,但實(shí)際上所有情況下數(shù)組都是變長(zhǎng)的,也就是說即使指定了長(zhǎng)度為5,仍然可以將元素存儲(chǔ)在規(guī)定長(zhǎng)度以外的,注意:這時(shí)長(zhǎng)度會(huì)隨之改變。
2、數(shù)組的元素的訪問
var testGetArrValue=arrayObj[1]; //獲取數(shù)組的元素值 arrayObj[1]= "這是新值"; //給數(shù)組元素賦予新的值
3、數(shù)組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組結(jié)尾,并返回?cái)?shù)組新長(zhǎng)度 arrayObj.unshift([item1 [item2 [. . [itemN ]]]]);// 將一個(gè)或多個(gè)新元素添加到數(shù)組開始,數(shù)組中的元素自動(dòng)后移,返回?cái)?shù)組新長(zhǎng)度 arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個(gè)或多個(gè)新元素插入到數(shù)組的指定位置,插入位置的元素自動(dòng)后移,返回""。
4、數(shù)組元素的刪除
var a = new Array("first", "second", "third") ; delete a[1] ; document.write(a.length) //顯示的結(jié)果是3,說明即使刪除也無法改變數(shù)組的長(zhǎng)度
arrayObj.pop(); //移除最后一個(gè)元素并返回該元素值 arrayObj.shift(); //移除最前一個(gè)元素并返回該元素值,數(shù)組中元素自動(dòng)前移 arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數(shù)量deleteCount的元素,數(shù)組形式返回所移除的元素
5、數(shù)組的截取和合并
arrayObj.slice(start, [end]); //以數(shù)組的形式返回?cái)?shù)組的一部分,注意不包括 end 對(duì)應(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(); //對(duì)數(shù)組元素排序,返回?cái)?shù)組地址
8、數(shù)組元素的字符串化
arrayObj.join(separator); //返回字符串,這個(gè)字符串將數(shù)組的每一個(gè)元素值連接在一起,中間用 separator 隔開。 toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
以上這篇淺談js數(shù)組和splice的用法就是小編分享給大家的全部?jī)?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的對(duì)比小結(jié)
- JS 在數(shù)組插入字符的實(shí)現(xiàn)代碼(可參考JavaScript splice() 方法)
- js 數(shù)組操作之pop,push,unshift,splice,shift
- javascript splice數(shù)組簡(jiǎn)單操作
- Js數(shù)組的操作push,pop,shift,unshift等方法詳細(xì)介紹
- js數(shù)組操作常用方法
- JavaScript及jquey實(shí)現(xiàn)多個(gè)數(shù)組的合并操作
- JS數(shù)組splice操作實(shí)例分析
相關(guān)文章
深入淺析JavaScript中的in關(guān)鍵字和for-in循環(huán)
這篇文章主要介紹了JavaScript中的in關(guān)鍵字和for-in循環(huán),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
一款js和css代碼壓縮工具[附JAVA環(huán)境配置方法]
壓縮css和js是我們工作中經(jīng)常要處理的一件事,這里介紹的是一款基于YUICompressor,淘寶封裝的css和js壓縮工具TBCompressor.2010-04-04
微信小程序轉(zhuǎn)盤抽獎(jiǎng)的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了微信小程序轉(zhuǎn)盤抽獎(jiǎng)的實(shí)現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07
Nuxt.js 數(shù)據(jù)雙向綁定的實(shí)現(xiàn)
這篇文章主要介紹了Nuxt.js 數(shù)據(jù)雙向綁定的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
JavaScript 讀URL參數(shù)增強(qiáng)改進(jìn)版版
網(wǎng)上有不少JavaScript 讀 URL 參數(shù)的函數(shù),但沒考慮到 URL 中帶 # 符的情況,我的可以處理這種情況,并使用了點(diǎn)對(duì)象寫法,優(yōu)化了些性能。2008-10-10
Javascript中this關(guān)鍵字指向問題的測(cè)試與詳解
this是Javascript中一個(gè)非常容易理解錯(cuò),進(jìn)而用錯(cuò)的特性。所以下面這篇文章主要給大家介紹了關(guān)于Javascript中this關(guān)鍵字指向問題的相關(guān)資料,文中通過測(cè)試的題目考驗(yàn)大家對(duì)this的熟悉程度,需要的朋友可以參考借鑒,下面來一起看看吧。2017-08-08
微信小程序的注冊(cè)頁面包含倒計(jì)時(shí)驗(yàn)證碼、獲取用戶信息
本文通過實(shí)例代碼給大家介紹了微信小程序的注冊(cè)頁面包含倒計(jì)時(shí)驗(yàn)證碼、獲取用戶信息的相關(guān)知識(shí),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2019-05-05
JS前后端實(shí)現(xiàn)身份證號(hào)驗(yàn)證代碼解析
這篇文章主要介紹了JS前后端實(shí)現(xiàn)身份證號(hào)驗(yàn)證代碼解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
微信小程序仿知乎實(shí)現(xiàn)評(píng)論留言功能
這篇文章主要為大家詳細(xì)介紹了微信小程序仿知乎實(shí)現(xiàn)評(píng)論留言功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11

