JS数组进阶示例【数组的几种函数用法】


Posted in Javascript onJanuary 16, 2020

本文实例讲述了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>

运行结果:

JS数组进阶示例【数组的几种函数用法】

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 Javascript
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
Javascript表格翻页效果的具体实现
Oct 05 Javascript
document.compatMode的CSS1compat使用介绍
Apr 03 Javascript
Javascript实现前端简单的路由实例
Sep 11 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
浅谈JavaScript的计时器对象
Dec 26 Javascript
jquery实现页面加载效果
Feb 21 Javascript
react-redux中connect()方法详细解析
May 27 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
通过js控制时间,一秒一秒自己动的实例
Oct 25 Javascript
js实现简单的无缝轮播效果
Sep 05 Javascript
js实现简单的秒表
Jan 16 #Javascript
JS 数组基本用法入门示例解析
Jan 16 #Javascript
js实现上下左右键盘控制div移动
Jan 16 #Javascript
vue-cli3 取消eslint校验代码的解决办法
Jan 16 #Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 #jQuery
js实现点击生成随机div
Jan 16 #Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 #Javascript
You might like
星际争霸任务指南——神族
2020/03/04 星际争霸
PHP-Java-Bridge使用笔记
2014/09/22 PHP
laravel 创建命令行命令的图文教程
2019/10/23 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
JavaScript类库D
2010/10/24 Javascript
jquery ajax,ashx,json的用法总结
2014/02/12 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
jquery append()方法与html()方法的区别及使用介绍
2014/08/01 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
2015/12/22 Javascript
基于javascript实现最简单的选项卡切换效果
2016/05/16 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
2017/01/20 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
ES6新特性八:async函数用法实例详解
2017/04/21 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
vue无限轮播插件代码实例
2019/05/10 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
2019/09/21 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
2019/12/13 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Anaconda下安装mysql-python的包实例
2018/06/11 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
python脚本调用iftop 统计业务应用流量的思路详解
2019/10/11 Python
pytorch实现onehot编码转为普通label标签
2020/01/02 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
How to spawning asynchronous work in J2EE
2016/08/29 面试题
大学生求职自我评价
2014/01/16 职场文书
高中军训感言400字
2014/02/24 职场文书
出国留学经济担保书
2014/04/01 职场文书
教师节感想
2015/08/11 职场文书
党员读书活动心得体会
2016/01/14 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers