微信小程序 数组中的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 相关文章推荐
利用js对象弹出一个层
Mar 26 Javascript
jquery last-child 列表最后一项的样式
Jan 22 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 Javascript
多种方法判断Javascript对象是否存在
Sep 22 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
jQuery validate验证插件使用详解
May 11 Javascript
实例解析jQuery中如何取消后续执行内容
Dec 01 Javascript
jQuery倒计时代码(超简单)
Feb 27 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
使用 Node.js 开发资讯爬虫流程
Jan 07 Javascript
element ui分页多选,翻页记忆的实例
Sep 03 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
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 MYSQL实现登陆和模糊查询两大功能
2016/02/05 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
Thinkphp整合阿里云OSS图片上传实例代码
2019/04/28 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
JS实现从连接中获取youtube的key实例
2015/07/02 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
js数组操作方法总结(必看篇)
2016/11/22 Javascript
jQuery Form表单取值的方法
2017/01/11 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
Vue 2.0的数据依赖实现原理代码简析
2017/07/10 Javascript
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
2019/05/18 Javascript
js 判断当前时间是否处于某个一个时间段内
2019/09/19 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
2019/11/14 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
js闭包和垃圾回收机制示例详解
2021/03/01 Javascript
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
Python实现基于权重的随机数2种方法
2015/04/28 Python
pandas object格式转float64格式的方法
2018/04/10 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
基于Tensorflow批量数据的输入实现方式
2020/02/05 Python
Python基于gevent实现文件字符串查找器
2020/08/11 Python
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
员工培训邀请函
2014/01/11 职场文书
省优秀教师事迹材料
2014/01/30 职场文书
刑事上诉状范文
2015/05/22 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
初中体育课教学反思
2016/02/16 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
python中sqllite插入numpy数组到数据库的实现方法
2021/06/21 Python
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS