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从作用域链谈闭包
Jul 29 Javascript
使用Object.defineProperty实现简单的js双向绑定
Apr 15 Javascript
基于jQuery封装的分页组件
Jun 26 jQuery
Node.js实现连接mysql数据库功能示例
Sep 15 Javascript
利用Node.js了解与测量HTTP所花费的时间详解
Sep 22 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
Angular CLI在Angular项目中如何使用scss详解
Apr 10 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
JS+php后台实现文件上传功能详解
Mar 02 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
JavaScript Canvas编写炫彩的网页时钟
Oct 16 Javascript
vue data对象重新赋值无效(未更改)的解决方式
Jul 24 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
destoon在360浏览器下出现用户被强行注销的解决方法
2014/06/26 PHP
PHP MYSQL实现登陆和模糊查询两大功能
2016/02/05 PHP
PHP使用curl制作简易百度搜索
2016/11/03 PHP
PHP实现的无限分类类库定义与用法示例【基于thinkPHP】
2018/08/06 PHP
PHP使用PDO操作sqlite数据库应用案例
2019/03/07 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
laravel unique验证、确认密码confirmed验证以及密码修改验证的方法
2019/10/16 PHP
PHP 判断字符串是中文还是英文, 或者是中英混合
2021/03/09 PHP
Javascript 更新 JavaScript 数组的 uniq 方法
2008/01/23 Javascript
jQuery Flash/MP3/Video多媒体插件
2010/01/18 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
jQuery实现简易的天天爱消除小游戏
2015/10/16 Javascript
js实现常用排序算法
2016/08/09 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
2016/11/30 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
2017/01/23 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
JavaScript类的继承操作实例总结
2018/12/20 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
微信小程序开发搜索功能实现(前端+后端+数据库)
2020/03/04 Javascript
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
keras CNN卷积核可视化,热度图教程
2020/06/22 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
美国大型的健身社区和补充商店:Bodybuilding.com
2016/09/06 全球购物
大学生职业规划书的范本
2014/02/18 职场文书
网络营销策划方案
2014/06/04 职场文书
夫妻婚内购房协议书
2014/10/05 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
先进个人主要事迹范文
2015/11/04 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL