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 相关文章推荐
让插入到 innerHTML 中的 script 跑起来的实现代码
Jul 01 Javascript
获取当前网页document.url location.href区别总结
May 10 Javascript
brook javascript框架介绍
Oct 10 Javascript
前台js调用后台方法示例
Dec 02 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
Jan 26 Javascript
js网页右下角提示框实例
Oct 14 Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
Aug 11 Javascript
jQuery实现二维码扫描功能
Jan 09 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
Apr 22 Javascript
基于angular实现三级联动的生日插件
May 12 Javascript
vue.js实现只弹一次弹框
Jan 29 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的计数器程序
2006/10/09 PHP
PHP数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
jQuery DOM操作小结与实例
2010/01/07 Javascript
javascript中的继承实例代码
2011/04/27 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
js判断字符长度及中英文数字等
2014/03/19 Javascript
javascript 获取函数形参个数
2014/07/31 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
为什么JS中eval处理JSON数据要加括号
2015/04/13 Javascript
js中日期的加减法
2015/05/06 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
js的flv视频播放器插件使用方法
2015/06/23 Javascript
javascript cookie的简单应用
2016/02/24 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
简单介绍Python中的RSS处理
2015/04/13 Python
Python读取word文本操作详解
2018/01/22 Python
Numpy中的mask的使用
2018/07/21 Python
Python3字符串encode与decode的讲解
2019/04/02 Python
python实现登录密码重置简易操作代码
2019/08/14 Python
Python使用struct处理二进制(pack和unpack用法)
2020/11/12 Python
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
美国乒乓球设备、配件和服装品牌:Killerspin
2020/06/07 全球购物
《草虫的村落》教学反思
2014/02/16 职场文书
小学班干部竞选演讲稿
2014/04/24 职场文书
申报材料格式
2014/12/30 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
企业愿景口号
2015/12/25 职场文书
2016党员学习作风建设心得体会
2016/01/21 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
合作合同协议书
2016/03/21 职场文书
Android基于Fresco实现圆角和圆形图片
2022/04/01 Java/Android