JS數(shù)組進(jìn)階示例【數(shù)組的幾種函數(shù)用法】
本文實(shí)例講述了JS數(shù)組的幾種函數(shù)用法。分享給大家供大家參考,具體如下:
前面介紹了js數(shù)組的基本定義與使用方法,這里再來(lái)進(jìn)一步說(shuō)明一下js數(shù)組函數(shù)。
<html>
<head>
<title>js數(shù)組進(jìn)階</title>
<meta charset="UTF-8"/>
<script type="text/javascript">
var arr=[2,"clannad","海賊王","星游記",true,new Date()];
// console.log(arr);
var a=arr.pop(); //刪除數(shù)組的最后一個(gè)元素,返回值為最后一個(gè)元素。
// console.log(a);
// console.log(arr);
var a2=arr.shift(); //刪除數(shù)組的第一個(gè)元素,返回值為第一個(gè)元素。
// console.log(a2);
// console.log(arr);
var a3=arr.splice(3,1,"月色真美"); //將數(shù)組中指定位置的數(shù)據(jù)替換為輸入的數(shù)據(jù),返回值為替換掉的元素。餐宿分別為在數(shù)組中的位置(起始位置),要替換的個(gè)數(shù),替換的數(shù)值
// console.log(a3);
// console.log(arr);
var arr2=["龍與虎","境界的彼方"];
var m="輕音少女";
var a4=arr.concat(arr2,m); //數(shù)組的元素拼接。返回值為拼接后總數(shù)組。后面參數(shù)為要拼接在后面的數(shù)組。
// console.log(a4);
// console.log(arr);
var a5=arr.join("-"); //數(shù)據(jù)的鏈接符,返回值為用輸入的連接符鏈接后的數(shù)組元素,類型為string
// console.log(a5);
// console.log(arr);
var a6=arr.push("言葉之庭"); //在數(shù)組的最后面添加一個(gè)數(shù)據(jù),返回值為數(shù)組最終的長(zhǎng)度。
// console.log(a6);
// console.log(arr);
var a7=arr.unshift("冰菓"); //在數(shù)組的最開(kāi)始添加一個(gè)數(shù)據(jù),返回值為數(shù)據(jù)的最終長(zhǎng)度。
// console.log(a7);
// console.log(arr);
var a8=arr.reverse(); //將數(shù)組的元素倒序排列,返回值為倒序后的數(shù)組,原數(shù)組也被倒敘。
// console.log(a8);
// console.log(arr);
console.log(arr.valueOf()); //一般的數(shù)組的valueof和tostring方法為打印數(shù)組的內(nèi)容。
console.log(arr.toString());
var arrsort=['q','w','f','t','h','j'];
// console.log(arrsort);
var arrsorted=arrsort.sort();
// console.log(arrsorted);
// console.log(arrsort);
</script>
</head>
<body>
<h3>js數(shù)組進(jìn)階</h3>
</body>
</html>
運(yùn)行結(jié)果:

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
BootstrapTable與KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查功能【一】
KnockoutJS是一個(gè)JavaScript實(shí)現(xiàn)的MVVM框架。通過(guò)本文給大家介紹BootstrapTable與KnockoutJS相結(jié)合實(shí)現(xiàn)增刪改查功能【一】,感興趣的朋友一起學(xué)習(xí)吧2016-05-05
異步動(dòng)態(tài)加載JS并運(yùn)行(示例代碼)
這篇文章主要是對(duì)異步動(dòng)態(tài)加載JS并運(yùn)行的示例代碼進(jìn)行了介紹。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12
JS字符串累加Array不一定比字符串累加快(根據(jù)電腦配置)
言歸正傳:性能差異較大的機(jī)器運(yùn)行結(jié)果會(huì)RT 出現(xiàn)大的差異,為了保險(xiǎn)起見(jiàn)。還是推薦使用Array 來(lái)進(jìn)行字符串拼接操作2012-05-05
通過(guò)圖文詳細(xì)講解JavaScript中的字符串方法
這篇文章主要介紹了JavaScript中字符串方法的相關(guān)資料,文中包括字符串長(zhǎng)度、查找字符串、提取字符串、替換字符串、大小寫(xiě)轉(zhuǎn)換、連接字符串、刪除空白符、提取字符以及字符串轉(zhuǎn)數(shù)組等方法,需要的朋友可以參考下2024-12-12
javascript 動(dòng)態(tài)創(chuàng)建表格
這篇文章主要介紹了javascript 動(dòng)態(tài)創(chuàng)建表格,需要的朋友可以參考下2015-01-01
Bootstrap和Java分頁(yè)實(shí)例第二篇
這篇文章主要為大家詳細(xì)介紹了Bootstrap和Java分頁(yè)實(shí)例第二篇,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
詳解微信小程序(Taro)手動(dòng)埋點(diǎn)和自動(dòng)埋點(diǎn)的實(shí)現(xiàn)
這篇文章主要介紹了詳解微信小程序(Taro)手動(dòng)埋點(diǎn)和自動(dòng)埋點(diǎn)的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
JS數(shù)組求和的幾種常見(jiàn)方法總結(jié)
js的數(shù)組與我們?nèi)粘I钪械臄?shù)組一樣,都是會(huì)進(jìn)行求和計(jì)算的,下面這篇文章主要給大家介紹了關(guān)于JS數(shù)組求和的幾種常見(jiàn)方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
通過(guò)js來(lái)制作復(fù)選框的全選和不選效果
這篇文章主要介紹的是通過(guò)js來(lái)制作復(fù)選框的全選和不選效果,需要的朋友可以參考下2014-05-05

