微信小程序 数组中的push与concat的区别


Posted in Javascript onJanuary 05, 2017

微信小程序 数组中的push与concat的区别

前言:

微信小程序中需要用到数组的操作,介于本人js基础薄弱,故数组操作进行简单记录,以备后期方便学习:

push和concat二者功能很相像,但有两点区别

先看如下例子:

var arr = []; 
arr.push(1); 
arr.push(2); 
arr.push([3, 4]) 
arr.push(5, 6); 
arr = arr.concat(7); 
arr = arr.concat([8, 9]); 
arr = arr.concat(10, 11); 
for(var i in arr){ 
 console.log(i+"-----"+arr[i]); 
}

打印结果如下:

index.js [sm]:180 0-----1
index.js [sm]:180 1-----2
index.js [sm]:180 2-----3,4
index.js [sm]:180 3-----5
index.js [sm]:180 4-----6
index.js [sm]:180 5-----7
index.js [sm]:180 6-----8
index.js [sm]:180 7-----9
index.js [sm]:180 8-----10
index.js [sm]:180 9-----11

区别:

push 遇到数组参数时,把整个数组参数作为一个元素;而 concat 则是拆开数组参数,一个元素一个元素地加进去。 

push 直接改变当前数组;concat 不改变当前数组。

注意:arr1=arr1.concat(arr2)

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
javascript 处理HTML元素必须避免使用的一种方法
Jul 30 Javascript
jQuery.buildFragment使用方法及思路分析
Jan 07 Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
Sep 04 Javascript
基于jPlayer三分屏的制作方法
Dec 21 Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
vue 简单自动补全的输入框的示例
Mar 12 Javascript
Less 安装及基本用法
May 05 Javascript
js+canvas实现刮刮奖功能
Sep 13 Javascript
jquery插件实现代码雨特效
Apr 24 jQuery
微信小程序 数组(增,删,改,查)等操作实例详解
Jan 05 #Javascript
bootstrap制作jsp页面(根据值让table显示选中)
Jan 05 #Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 #Javascript
jQuery电话号码验证实例
Jan 05 #Javascript
纯原生js实现table表格的增删
Jan 05 #Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 #Javascript
jQuery密码强度验证控件使用详解
Jan 05 #Javascript
You might like
PHP中array_slice函数用法实例详解
2014/11/25 PHP
Zend Framework数据库操作技巧总结
2017/02/18 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
跨域表单提交状态的变相判断代码
2009/11/12 Javascript
jquery 学习笔记一
2010/04/07 Javascript
js/jquery解析json和数组格式的方法详解
2014/01/09 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
2014/11/02 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
2015/04/24 Javascript
JavaScript数据库TaffyDB用法实例分析
2015/07/27 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
2016/09/20 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
react开发教程之React 组件之间的通信方式
2017/08/12 Javascript
Vue引入jquery实现平滑滚动到指定位置
2018/05/09 jQuery
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
2019/01/24 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
利用python获取某年中每个月的第一天和最后一天
2016/12/15 Python
Python实现获取汉字偏旁部首的方法示例【测试可用】
2018/12/18 Python
对Python强大的可变参数传递机制详解
2019/06/13 Python
通过实例学习Python Excel操作
2020/01/06 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
奢华时尚的独特视角:La Garçonne
2018/06/07 全球购物
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
中科软测试工程师面试题
2012/06/16 面试题
MIS软件工程师的面试题
2016/04/22 面试题
毕业寄语大全
2014/04/09 职场文书
代理协议书
2014/04/22 职场文书
我们的节日元宵活动方案
2014/08/23 职场文书
应届毕业生的自我评价
2019/06/21 职场文书
话题作文之呼唤
2019/12/18 职场文书
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android
golang 实用库gotable的具体使用
2021/07/01 Golang
详细介绍python操作RabbitMq
2022/04/12 Python
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS