js數(shù)組常用操作方法小結(jié)(增加,刪除,合并,分割等)
本文實(shí)例總結(jié)了js數(shù)組常用操作方法。分享給大家供大家參考,具體如下:
var arr = [1, 2, 3, 4, 5];
//刪除并返回?cái)?shù)組中第一個(gè)元素
var theFirst = arr.shift();
alert(theFirst);//返回1 number
alert(arr);//2,3,4,5 object
//刪除并返回?cái)?shù)組中最后一個(gè)元素
var theLast = arr.pop();
alert(theLast);//返回5 number
alert(arr);//2,3,4 object
//在數(shù)組開始增加一個(gè)或多個(gè)元素,并返回?cái)?shù)組長度
var theNewArrStart = arr.unshift(-1, 0);
alert(theNewArrStart);//返回5 number
alert(arr);//-1,0,2,3,4 object
//在數(shù)組結(jié)尾增加一個(gè)或多個(gè)元素,并返回?cái)?shù)組長度
var theNewArrEnd = arr.push(5, 6);
alert(theNewArrEnd);//返回7 number
alert(arr);//-1,0,2,3,4,5,6 object
//從第i(數(shù)組索引)個(gè)位置刪除n個(gè)元素
arr.splice(1, 2);
alert(arr);//-1,3,4,5,6 object
//從第i(數(shù)組索引)個(gè)位置刪除n個(gè)元素,并插入s個(gè)新元素
arr.splice(1, 2, 10, 11, 12);
alert(arr);//-1,10,11,12,5,6 object
//合并2個(gè)或多個(gè)數(shù)組(concat中的參數(shù)可以為單個(gè)的值,也可以為數(shù)組,并且可以有多個(gè)值或數(shù)組)
var arr1 = [7, 8];
var arrCon = arr.concat(arr1);
alert(arrCon);//-1,10,11,12,5,6,7,8 object
//將數(shù)組中的元素使用特定的字符分隔,并返回字符串(如果不設(shè)置特定分割字符,則默認(rèn)為逗號(hào))
var theSep = arrCon.join('-');
alert(theSep);//-1-10-11-12-5-6-7-8 string
//點(diǎn)到數(shù)組中元素的順序
var theRev = arrCon.reverse();
alert(theRev);//8,7,6,5,12,11,10,-1
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript遍歷算法與技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
記一次webpack3升級(jí)webpack4的踩坑經(jīng)歷
這篇文章主要介紹了記一次webpack3升級(jí)webpack4的踩坑經(jīng)歷,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
BootStrap響應(yīng)式導(dǎo)航條實(shí)例介紹
響應(yīng)式導(dǎo)航條就是可以在不同的設(shè)備下查看不同的效果。這篇文章主要介紹了BootStrap響應(yīng)式導(dǎo)航條實(shí)例介紹的相關(guān)資料,小編認(rèn)為本文介紹的非常的不錯(cuò),特此分享給大家,供大家參考2016-05-05
uniapp中table表格設(shè)置寬度無效的原因以及解決方法
項(xiàng)目中遇到table表格單元格不整齊、錯(cuò)位等情況,下面這篇文章主要給大家介紹了關(guān)于uniapp中table表格設(shè)置寬度無效的原因以及解決方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
JavaScript鼠標(biāo)移動(dòng)事件以及實(shí)戰(zhàn)案例
在學(xué)習(xí)JS中我對鼠標(biāo)移動(dòng)事件進(jìn)行了一些總結(jié),需要的可以作參考,下面這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)移動(dòng)事件以及實(shí)戰(zhàn)案例的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
mockjs,json-server一起搭建前端通用的數(shù)據(jù)模擬框架教程
下面小編就為大家分享一篇mockjs,json-server一起搭建前端通用的數(shù)據(jù)模擬框架教程,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12

