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 相关文章推荐
jQuery.Autocomplete实现自动完成功能(详解)
Jul 13 Javascript
理解Javascript_01_理解内存分配原理分析
Oct 11 Javascript
10个基于Jquery的幻灯片插件教程
Oct 29 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
Apr 01 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
Feb 21 Javascript
jquery实现简单实用的轮播器
May 23 jQuery
webpack下实现动态引入文件方法
Feb 22 Javascript
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
Angularjs中date过滤器失效的问题及解决方法
Jul 06 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
Node.JS如何实现JWT原理
Sep 18 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
浅析51个PHP处理字符串的函数
2013/08/02 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
PDO::errorCode讲解
2019/01/28 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
新手常遇到的一些jquery问题整理
2010/08/16 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
javascript删除option选项的多种方法总结
2013/11/22 Javascript
JavaScript插件化开发教程 (三)
2015/01/27 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
2017/03/27 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
2017/04/25 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
JS async 函数的含义和用法实例总结
2020/04/08 Javascript
python生成器的使用方法
2013/11/21 Python
python+selenium开发环境搭建图文教程
2017/08/11 Python
Python学习之用pygal画世界地图实例
2017/12/07 Python
python3.6根据m3u8下载mp4视频
2019/06/17 Python
在VS2017中用C#调用python脚本的实现
2019/07/31 Python
你还在@微信官方?聊聊Python生成你想要的微信头像
2019/09/25 Python
初学者学习Python好还是Java好
2020/05/26 Python
基于Python+QT的gui程序开发实现
2020/07/03 Python
django rest framework 自定义返回方式
2020/07/12 Python
Python基于staticmethod装饰器标示静态方法
2020/10/17 Python
应届毕业生求职自荐书
2014/01/03 职场文书
元旦联欢会感言
2014/03/04 职场文书
房屋出租协议书
2014/04/10 职场文书
个人承诺书怎么写
2014/05/24 职场文书
营业员岗位职责
2015/02/11 职场文书
感恩教师节主题班会
2015/08/12 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
比较node.js和Deno
2021/04/27 Javascript
Python代码实现双链表
2022/05/25 Python