淺談js數(shù)組和splice的用法
首先添加一個splice函數(shù)：
splice:該方法的作用就是從數(shù)組中刪除一個元素
array.splice(index,count,value....);
index:表示從哪一個下標開始,
count:表示刪除元素的個數(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)建一個數(shù)組 var arrayObj = new Array([size]); //創(chuàng)建一個數(shù)組并指定長度，注意不是上限，是長度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //創(chuàng)建一個數(shù)組并賦值
要說明的是，雖然第二種方法創(chuàng)建數(shù)組指定了長度，但實際上所有情況下數(shù)組都是變長的，也就是說即使指定了長度為5，仍然可以將元素存儲在規(guī)定長度以外的，注意：這時長度會隨之改變。
2、數(shù)組的元素的訪問
var testGetArrValue=arrayObj[1]; //獲取數(shù)組的元素值 arrayObj[1]= "這是新值"; //給數(shù)組元素賦予新的值
3、數(shù)組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數(shù)組結尾，并返回數(shù)組新長度 arrayObj.unshift([item1 [item2 [. . [itemN ]]]]);// 將一個或多個新元素添加到數(shù)組開始，數(shù)組中的元素自動后移，返回數(shù)組新長度 arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個或多個新元素插入到數(shù)組的指定位置，插入位置的元素自動后移，返回""。
4、數(shù)組元素的刪除
var a = new Array("first", "second", "third") ; delete a[1] ; document.write(a.length) //顯示的結果是3，說明即使刪除也無法改變數(shù)組的長度
arrayObj.pop(); //移除最后一個元素并返回該元素值 arrayObj.shift(); //移除最前一個元素并返回該元素值，數(shù)組中元素自動前移 arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數(shù)量deleteCount的元素，數(shù)組形式返回所移除的元素
5、數(shù)組的截取和合并
arrayObj.slice(start, [end]); //以數(shù)組的形式返回數(shù)組的一部分，注意不包括 end 對應的元素，如果省略 end 將復制 start 之后的所有元素 arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個數(shù)組（也可以是字符串，或者是數(shù)組和字符串的混合）連接為一個數(shù)組，返回連接好的新的數(shù)組
6、數(shù)組的拷貝
arrayObj.slice(0); //返回數(shù)組的拷貝數(shù)組，注意是一個新的數(shù)組，不是指向 arrayObj.concat(); //返回數(shù)組的拷貝數(shù)組，注意是一個新的數(shù)組，不是指向
7、數(shù)組元素的排序
arrayObj.reverse(); //反轉元素（最前的排到最后、最后的排到最前），返回數(shù)組地址 arrayObj.sort(); //對數(shù)組元素排序，返回數(shù)組地址
8、數(shù)組元素的字符串化
arrayObj.join(separator); //返回字符串，這個字符串將數(shù)組的每一個元素值連接在一起，中間用 separator 隔開。 toLocaleString 、toString 、valueOf：可以看作是join的特殊用法，不常用
以上這篇淺談js數(shù)組和splice的用法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
- 體驗js中splice()的強大(插入、刪除或替換數(shù)組的元素)
- JS數(shù)組操作(數(shù)組增加、刪除、翻轉、轉字符串、取索引、截取(切片)slice、剪接splice、數(shù)組合并)
- js刪除數(shù)組中的元素delete和splice的區(qū)別詳解
- JavaScript中數(shù)組slice和splice的對比小結
- JS 在數(shù)組插入字符的實現(xiàn)代碼(可參考JavaScript splice() 方法)
- js 數(shù)組操作之pop,push,unshift,splice,shift
- javascript splice數(shù)組簡單操作
- Js數(shù)組的操作push,pop,shift,unshift等方法詳細介紹
- js數(shù)組操作常用方法
- JavaScript及jquey實現(xiàn)多個數(shù)組的合并操作
- JS數(shù)組splice操作實例分析
相關文章
深入淺析JavaScript中的in關鍵字和for-in循環(huán)
這篇文章主要介紹了JavaScript中的in關鍵字和for-in循環(huán)，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04![一款js和css代碼壓縮工具[附JAVA環(huán)境配置方法]](http://img.jbzj.com/images/xgimg/bcimg1.png)
一款js和css代碼壓縮工具[附JAVA環(huán)境配置方法]
壓縮css和js是我們工作中經(jīng)常要處理的一件事,這里介紹的是一款基于YUICompressor,淘寶封裝的css和js壓縮工具TBCompressor.2010-04-04
這篇文章主要為大家詳細介紹了微信小程序轉盤抽獎的實現(xiàn)方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Nuxt.js 數(shù)據(jù)雙向綁定的實現(xiàn)
這篇文章主要介紹了Nuxt.js 數(shù)據(jù)雙向綁定的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
網(wǎng)上有不少JavaScript 讀 URL 參數(shù)的函數(shù)，但沒考慮到 URL 中帶 # 符的情況，我的可以處理這種情況，并使用了點對象寫法，優(yōu)化了些性能。2008-10-10
我們平時在寫代碼的過程中，好像很少需要自己手動進行垃圾回收，那么V8是如何來減少內(nèi)存占用，從而避免內(nèi)存溢出而導致程序崩潰的情況的，為了更高效地回收垃圾，V8引入了兩個垃圾回收器，它們分別針對不同場景進行工作2023-06-06
this是Javascript中一個非常容易理解錯，進而用錯的特性。所以下面這篇文章主要給大家介紹了關于Javascript中this關鍵字指向問題的相關資料，文中通過測試的題目考驗大家對this的熟悉程度，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
本文通過實例代碼給大家介紹了微信小程序的注冊頁面包含倒計時驗證碼、獲取用戶信息的相關知識，本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JS前后端實現(xiàn)身份證號驗證代碼解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
這篇文章主要為大家詳細介紹了微信小程序仿知乎實現(xiàn)評論留言功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11