JS数组进阶示例【数组的几种函数用法】
更新时间：2020年01月16日 11:39:15 作者：qq_42412646
这篇文章主要介绍了JS数组进阶,结合实例形式总结分析了数组的几种常见函数基本用法,涉及JavaScript数组元素删除、拼接、添加、倒序排列等相关操作技巧,需要的朋友可以参考下
本文实例讲述了JS数组的几种函数用法。分享给大家供大家参考，具体如下：
前面介绍了js数组的基本定义与使用方法，这里再来进一步说明一下js数组函数。
<html>
<head>
<title>js数组进阶</title>
<meta charset="UTF-8"/>
<script type="text/javascript">
var arr=[2,"clannad","海贼王","星游记",true,new Date()];
// console.log(arr);
var a=arr.pop(); //删除数组的最后一个元素，返回值为最后一个元素。
// console.log(a);
// console.log(arr);
var a2=arr.shift(); //删除数组的第一个元素，返回值为第一个元素。
// console.log(a2);
// console.log(arr);
var a3=arr.splice(3,1,"月色真美"); //将数组中指定位置的数据替换为输入的数据，返回值为替换掉的元素。餐宿分别为在数组中的位置（起始位置），要替换的个数，替换的数值
// console.log(a3);
// console.log(arr);
var arr2=["龙与虎","境界的彼方"];
var m="轻音少女";
var a4=arr.concat(arr2,m); //数组的元素拼接。返回值为拼接后总数组。后面参数为要拼接在后面的数组。
// console.log(a4);
// console.log(arr);
var a5=arr.join("-"); //数据的链接符，返回值为用输入的连接符链接后的数组元素，类型为string
// console.log(a5);
// console.log(arr);
var a6=arr.push("言叶之庭"); //在数组的最后面添加一个数据，返回值为数组最终的长度。
// console.log(a6);
// console.log(arr);
var a7=arr.unshift("冰菓"); //在数组的最开始添加一个数据，返回值为数据的最终长度。
// console.log(a7);
// console.log(arr);
var a8=arr.reverse(); //将数组的元素倒序排列，返回值为倒序后的数组,原数组也被倒叙。
// console.log(a8);
// console.log(arr);
console.log(arr.valueOf()); //一般的数组的valueof和tostring方法为打印数组的内容。
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数组进阶</h3>
</body>
</html>
运行结果：
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了JavaScript判断表单为空及获取焦点的方法,可实现表单提交时判断表单是否为空及获取响应焦点的功能,非常简单实用,需要的朋友可以参考下2016-02-02
这篇文章主要为大家介绍了Javascript模板引擎mustache.js，mustache.js是一个简单强大的Javascript模板引擎，使用它可以简化在js代码中的html编写，压缩后只有9KB，非常值得在项目中使用,需要的朋友可以参考下2016-01-01
使用Jquery的时候发现它里面的很多方法都提供回调函数，接下来通过本篇文章给大家介绍js自定义回调函数，需要的朋友参考下2015-10-10
这篇文章主要介绍了在css加载完毕后执行后续代码的方法,需要的朋友可以参考下2014-09-09
分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载,下面这篇文章主要给大家介绍了关于微信小程序分包的相关资料,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了element plus表格的表头和内容居中的实现代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
需要脚本在客户端判断大小和文件类型，由于网上没有适合的，就自己写了一个并测试 文件上传大小限制的一个例子，在此与大家分享下2013-11-11
本文重点给大家介绍javascript中的原型链知识，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-06-06
本篇文章主要介绍了Js自定义多选效果的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
本篇文章主要是对js特殊字符过滤的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
最新评论