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 ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
JavaScript随机生成信用卡卡号的方法
Apr 07 Javascript
深入浅析react native es6语法
Dec 09 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
jQuery实现弹出带遮罩层的居中浮动窗口效果
Sep 12 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
深入理解JavaScript的async/await
Aug 05 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
利用Promise自定义一个GET请求的函数示例代码
Mar 20 Javascript
mock.js模拟前后台交互
Jul 25 Javascript
vue点击标签切换选中及互相排斥操作
Jul 17 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之生成GIF动画的实现方法
2013/06/07 PHP
浅析php数据类型转换
2014/01/09 PHP
php中文验证码实现示例分享
2014/01/12 PHP
php中$_GET与$_POST过滤sql注入的方法
2014/11/03 PHP
Yii2 ActiveRecord多表关联及多表关联搜索的实现
2016/06/30 PHP
PHP中命名空间的使用例子
2019/03/22 PHP
jQuery 加上最后自己的验证
2009/11/04 Javascript
jQuery Ajax请求状态管理器打包
2012/05/03 Javascript
jquery如何通过name名称获取当前name的value值
2013/12/20 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
了解JavaScript中let语句
2019/05/30 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
python处理数据,存进hive表的方法
2018/07/04 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
简单了解python 生成器 列表推导式 生成器表达式
2019/08/22 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
关于Python3爬虫利器Appium的安装步骤
2020/07/29 Python
PyTorch安装与基本使用详解
2020/08/31 Python
英国航空官网:British Airways
2016/09/11 全球购物
有模特经验的简历自我评价
2013/09/19 职场文书
葡萄牙语专业个人求职信
2013/12/10 职场文书
行政办公员自我评价分享
2013/12/14 职场文书
婚礼新郎父母答谢词
2014/01/16 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
服务员岗位职责
2015/02/03 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
怎样做好公众演讲能力?
2019/08/28 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
Spring Data JPA框架的核心概念和Repository接口
2022/04/28 Java/Android
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers