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 出生日期和身份证判断大全
Nov 13 Javascript
js拖拽一些常见的思路方法整理
Mar 19 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
让angularjs支持浏览器自动填表
Nov 10 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
javascript图片预览和上传(兼容IE)
Mar 15 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
微信小程序实现弹出菜单动画
Jun 21 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
Mar 17 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
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
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
javascript背投广告代码的完善
2008/04/08 Javascript
Javascript 强制类型转换函数
2009/05/17 Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
jQuery设置与获取HTML,文本和值的简单实例
2014/02/26 Javascript
javascript中数组array及string的方法总结
2014/11/28 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
vue router自动判断左右翻页转场动画效果
2017/10/10 Javascript
基于element-ui组件手动实现单选和上传功能
2018/12/06 Javascript
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python入门篇之字符串
2014/10/17 Python
Python日志模块logging简介
2015/04/13 Python
用python爬取租房网站信息的代码
2018/12/14 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
Python安装OpenCV的示例代码
2020/03/05 Python
详解Python 循环嵌套
2020/07/09 Python
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
Chain Reaction Cycles芬兰:世界上最大的在线自行车商店
2017/12/06 全球购物
如何查找网页漏洞
2016/06/22 面试题
车间班长岗位职责
2013/11/30 职场文书
数控机械专业个人的自我评价
2014/01/02 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
应用外语系自荐信
2014/06/26 职场文书
渠道运营商合作协议书范本
2014/10/06 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
2015年医院工作总结范文
2015/04/09 职场文书
高中运动会广播稿
2015/08/19 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js