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设置IFRAME的SRC值的代码
Nov 30 Javascript
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
javascript匿名函数实例分析
Nov 18 Javascript
如何实现移动端浏览器不显示 pc 端的广告
Oct 15 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
详解Vue路由钩子及应用场景(小结)
Nov 07 Javascript
实现单层json按照key字母顺序排序的示例
Dec 06 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
JS中的JSON对象的定义和取值实现代码
May 09 Javascript
Vue2.2.0+新特性整理及注意事项
Aug 22 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
JavaScript实现省市区三级联动
Feb 13 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
php配置php-fpm启动参数及配置详解
2013/11/04 PHP
dvwa+xampp搭建显示乱码的问题及解决方案
2015/08/23 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
利用PHP判断文件是否为图片的方法总结
2017/01/06 PHP
多个datatable共存造成多个表格的checkbox都被选中
2013/07/11 Javascript
$.each与$().each的区别示例介绍
2014/03/20 Javascript
绑定回车enter事件代码
2014/05/18 Javascript
js显示当前日期时间和星期几
2015/10/22 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
谈一谈JS消息机制和事件机制的理解
2016/04/14 Javascript
js H5 canvas投篮小游戏
2016/08/18 Javascript
Javascript的this用法
2017/01/16 Javascript
JS全角与半角转化实例(分享)
2017/07/04 Javascript
你可能不知道的CORS跨域资源共享
2019/03/13 Javascript
Openlayers+EasyUI Tree动态实现图层控制
2020/09/28 Javascript
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
[01:21]DOTA2周边文化主题展 神秘商店火热开售
2017/07/30 DOTA
简单说明Python中的装饰器的用法
2015/04/24 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
使用Python将Mysql的查询数据导出到文件的方法
2019/02/25 Python
PyQt打开保存对话框的方法和使用详解
2019/02/27 Python
Puppeteer使用示例详解
2019/06/20 Python
python可视化 matplotlib画图使用colorbar工具自定义颜色
2020/12/07 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
python在协程中增加任务实例操作
2021/02/28 Python
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
成人毕业生自我鉴定
2013/10/18 职场文书
安全员岗位职责
2013/11/11 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
档案接收函格式
2015/01/30 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
公司管理建议书
2015/09/14 职场文书