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之bind使用介绍
Oct 09 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
Dec 31 Javascript
JS验证逗号隔开可以是中文字母数字
Apr 22 Javascript
Bootstrap实现input控件失去焦点时验证
Aug 04 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
Feb 05 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
Sep 02 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
js实现拖动缓动效果
Jan 13 Javascript
vue中keep-alive内置组件缓存的实例代码
Apr 16 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下用GD生成生成缩略图的两个选择和区别
2007/04/17 PHP
php实现统计邮件大小的方法
2013/08/06 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
Open and Print a Word Document
2007/06/15 Javascript
JavaScript 继承详解(三)
2009/07/13 Javascript
jQuery bind事件使用详解
2011/05/05 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
2014/01/03 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
jQuery实现简洁的导航菜单效果
2015/11/23 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
Js 获取、判断浏览器版本信息的简单方法
2016/08/08 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
Nodejs中怎么实现函数的串行执行
2019/03/02 NodeJs
Vue+Koa2+mongoose写一个像素绘板的实现方法
2019/09/10 Javascript
Vue状态模式实现窗口停靠功能(灵动、自由, 管理后台Admin界面)
2020/03/06 Javascript
[00:05]ChinaJoy现场 DOTA2玩家高呼“CN DOTA BEST DOTA”
2019/08/04 DOTA
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
python数据结构树和二叉树简介
2014/04/29 Python
python使用Image处理图片常用技巧分析
2015/06/01 Python
python使用Paramiko模块实现远程文件拷贝
2019/04/30 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
Python爬虫实现模拟点击动态页面
2020/03/05 Python
Python多进程multiprocessing、进程池用法实例分析
2020/03/24 Python
浅析Python 责任链设计模式
2020/09/11 Python
Django自带的用户验证系统实现
2020/12/18 Python
自定义html标记替换html5新增元素
2008/10/17 HTML / CSS
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
《月光启蒙》教学反思
2014/03/01 职场文书
运动会演讲稿
2014/05/07 职场文书
党的群众路线教育实践活动个人对照检查材料(四风)
2014/11/05 职场文书
2014年学校安全工作总结
2014/11/13 职场文书
超级礼物观后感
2015/06/15 职场文书
雄兵连:第三季先行图公开,天使恶魔联合,银河之力的新力量
2021/06/11 国漫
聊聊Lombok中的@Builder注解使用教程
2021/11/17 Java/Android
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python