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入门教程(1) 什么是JS
Jan 31 Javascript
JavaScript基本概念初级讲解论坛贴的学习记录
Feb 22 Javascript
JQuery防止退格键网页后退的实现代码
Mar 23 Javascript
jquery可见性过滤选择器使用示例
Jun 24 Javascript
jQuery的live()方法对hover事件的处理示例
Feb 27 Javascript
JSON相关知识汇总
Jul 03 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
用原生js做单页应用
Jan 17 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
May 28 Javascript
vue3.0中的双向数据绑定方法及优缺点
Aug 01 Javascript
Node 代理访问的实现
Sep 19 Javascript
springboot+VUE实现登录注册
May 27 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
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
Yii中的relations数据关联查询及统计功能用法详解
2016/07/14 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
2010/03/16 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
使用闭包对setTimeout进行简单封装避免出错
2013/07/10 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
2013/07/17 Javascript
JS是按值传递还是按引用传递
2015/01/30 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
2016/09/01 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
详解JS去重及字符串奇数位小写转大写
2016/12/29 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
gulp解决跨域的配置文件问题
2017/06/08 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
2018/04/13 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
vuejs实现折叠面板展开收缩动画效果
2018/09/06 Javascript
关于element-ui表单中限制输入纯数字的解决方式
2020/09/08 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
python 删除指定时间间隔之前的文件实例
2018/04/24 Python
python如何创建TCP服务端和客户端
2018/08/26 Python
Python语言异常处理测试过程解析
2020/01/08 Python
Python操作Excel把数据分给sheet
2020/05/20 Python
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
软件测试工程师结构化面试题库
2016/11/23 面试题
应届生人事助理求职信
2013/11/09 职场文书
给老师的道歉信
2014/01/11 职场文书
寒假实习自荐信
2014/01/26 职场文书
销售助理岗位职责
2014/02/21 职场文书
个人原因辞职信模板
2015/05/13 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
MySQL8.0升级的踩坑历险记
2021/11/01 MySQL