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ù)組元素,類(lèi)型為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)容感興趣的讀者可查看本站專(zhuān)題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript判斷表單為空及獲取焦點(diǎn)的方法
這篇文章主要介紹了JavaScript判斷表單為空及獲取焦點(diǎn)的方法,可實(shí)現(xiàn)表單提交時(shí)判斷表單是否為空及獲取響應(yīng)焦點(diǎn)的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-02-02
談?wù)凧avaScript自定義回調(diào)函數(shù)
使用Jquery的時(shí)候發(fā)現(xiàn)它里面的很多方法都提供回調(diào)函數(shù),接下來(lái)通過(guò)本篇文章給大家介紹js自定義回調(diào)函數(shù),需要的朋友參考下2015-10-10
element plus表格的表頭和內(nèi)容居中的實(shí)現(xiàn)代碼
這篇文章主要介紹了element plus表格的表頭和內(nèi)容居中的實(shí)現(xiàn)代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
客戶(hù)端js判斷文件類(lèi)型和文件大小即限制上傳大小
需要腳本在客戶(hù)端判斷大小和文件類(lèi)型,由于網(wǎng)上沒(méi)有適合的,就自己寫(xiě)了一個(gè)并測(cè)試 文件上傳大小限制的一個(gè)例子,在此與大家分享下2013-11-11

