EA&UML日拱一卒-0基础学习微信小程序(11)-ECMAScript3数组操作方法
2018-01-15 20:06
633 查看
在小程序中大量使用了数组和数组方法,有些代码从C/C++程序员的观点来看时会相当费解,我们暂且放下小程序的说明,尽量简单地说明一下数组的使用方法。
ECMAScript3数组操作方法
格式化输入数组
可以指定输出是各个元素之间的连接字符串。
a = [2017, 8, 29];
a.jion("/"); //输出结果:”2017/8/29“
颠倒元素的顺序
a = [1, 2, 3];
a.reverse(); // =>a = [3, 2, 1]
数组排序
a = [2017, 8, 29];
a.sort(); //=>a = [8, 29, 2017]
可以通过传递比较函数定制排序规则.
a = [2017, 8, 29];
a.sort(function(a, b){
return b - a; //降序
}
); //=>a = [2017, 29, 8]
数组连接
a = [1, 2, 3];
a.concat(4, 5); //=>a = [1, 2, 3, 4, 5]
a.concat([6,7],[8, 9, 10]); //a= [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
取得数组片段
a = ["A", "B", "C", "D", "E"];
//指定开始位置,结束位置(不包含)。
a.slice(0, 2); //返回["A", "B”]
//只指定开始位置,
a.slice(3); //返回["D", "E”]
//指定开始位置,从最后一个元素计算的结束位置
a.slice(-5, -3); //返回["A", "B”]
指定区间替换数组元素
a = [1, 2, 3, 4, 5];
//将从第2个元素(索引值为1)开始的2个元素,
//替换成splice第3个参数开始后面的3个元素
b = a.splice(1, 2, "A", [10,20], "B”);
这段程序执行之后数组a的内容为[1, "A",[10,20],"B",4,5],返回值的数组b为[2, 3]。如果只指定第一个参数则从源数组中切分并返回指定位置以后的所有元素;如果指定前两个参数,则相当于从源数组中抠出一部分返回。
在尾部添加和删除元素
a = [1, 2, 3];
a.push(4, 5); //=>a = [1, 2, 3, 4, 5]
a.pop(); //=>a = [1, 2, 3, 4];
在头部插入和删除元素
a = [1, 2, 3]
a.unshift(4, 5, 6);//=>a=[4, 5, 6, 1, 2, 3]
a.shift(); //=>a=[5, 6, 1, 2, 3]
将数组转换成字符串
["I", "You", "Who"].toString(); //=>"I,Your,Who"
参考资料
【JavaScript权威指南,机械工业出版社】
写在文章的最后
既然已经读到这里了,拜托大家再用一分钟时间,将文章转发到各位的朋友圈,微信群中。本公众号的成长需要您的支持!
以上就是今天的文章,欢迎点赞并推荐给您的朋友!
阅读更多更新文章,请扫描下面二维码,关注微信公众号【面向对象思考】
ECMAScript3数组操作方法
格式化输入数组
可以指定输出是各个元素之间的连接字符串。
a = [2017, 8, 29];
a.jion("/"); //输出结果:”2017/8/29“
颠倒元素的顺序
a = [1, 2, 3];
a.reverse(); // =>a = [3, 2, 1]
数组排序
a = [2017, 8, 29];
a.sort(); //=>a = [8, 29, 2017]
可以通过传递比较函数定制排序规则.
a = [2017, 8, 29];
a.sort(function(a, b){
return b - a; //降序
}
); //=>a = [2017, 29, 8]
数组连接
a = [1, 2, 3];
a.concat(4, 5); //=>a = [1, 2, 3, 4, 5]
a.concat([6,7],[8, 9, 10]); //a= [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
取得数组片段
a = ["A", "B", "C", "D", "E"];
//指定开始位置,结束位置(不包含)。
a.slice(0, 2); //返回["A", "B”]
//只指定开始位置,
a.slice(3); //返回["D", "E”]
//指定开始位置,从最后一个元素计算的结束位置
a.slice(-5, -3); //返回["A", "B”]
指定区间替换数组元素
a = [1, 2, 3, 4, 5];
//将从第2个元素(索引值为1)开始的2个元素,
//替换成splice第3个参数开始后面的3个元素
b = a.splice(1, 2, "A", [10,20], "B”);
这段程序执行之后数组a的内容为[1, "A",[10,20],"B",4,5],返回值的数组b为[2, 3]。如果只指定第一个参数则从源数组中切分并返回指定位置以后的所有元素;如果指定前两个参数,则相当于从源数组中抠出一部分返回。
在尾部添加和删除元素
a = [1, 2, 3];
a.push(4, 5); //=>a = [1, 2, 3, 4, 5]
a.pop(); //=>a = [1, 2, 3, 4];
在头部插入和删除元素
a = [1, 2, 3]
a.unshift(4, 5, 6);//=>a=[4, 5, 6, 1, 2, 3]
a.shift(); //=>a=[5, 6, 1, 2, 3]
将数组转换成字符串
["I", "You", "Who"].toString(); //=>"I,Your,Who"
参考资料
【JavaScript权威指南,机械工业出版社】
写在文章的最后
既然已经读到这里了,拜托大家再用一分钟时间,将文章转发到各位的朋友圈,微信群中。本公众号的成长需要您的支持!
以上就是今天的文章,欢迎点赞并推荐给您的朋友!
阅读更多更新文章,请扫描下面二维码,关注微信公众号【面向对象思考】
相关文章推荐
- EA&UML日拱一卒-0基础学习微信小程序(12)-ECMAScript5数组操作方法
- EA&UML日拱一卒-0基础学习微信小程序(14)-最简单的指南针
- EA&UML日拱一卒-0基础学习微信小程序(5)- Hello world!
- EA&UML日拱一卒-0基础学习微信小程序(1)- 开篇
- EA&UML日拱一卒-0基础学习微信小程序(7)-WXSS和CSS
- EA&UML日拱一卒-0基础学习微信小程序(10)-注册页面
- EA&UML日拱一卒-0基础学习微信小程序(4)- 安装开发工具
- EA&UML日拱一卒-0基础学习微信小程序(15)-弄得像真的一样
- EA&UML日拱一卒-0基础学习微信小程序(16)-使用移动平均消除抖动
- EA&UML日拱一卒-0基础学习微信小程序(6)- 配置文件的形式和内容
- EA&UML日拱一卒-0基础学习微信小程序(8)-事件处理和数据绑定
- EA&UML日拱一卒-0基础学习微信小程序(3)- 创建自己的小程序账号
- EA&UML日拱一卒-0基础学习微信小程序(13)-一个都不能少
- EA&UML日拱一卒-0基础学习微信小程序(2)- 关于小程序
- EA&UML日拱一卒-0基础学习微信小程序(17)-学到什么程度算行?
- EA&UML日拱一卒-0基础学习微信小程序(9)-C++程序员眼中的app.js
- EA&UML日拱一卒-微信小程序实战:位置闹铃 (11)-稍微聪明一点
- EA&UML日拱一卒-微信小程序实战:位置闹铃 (6)-播放音频
- EA&UML日拱一卒-微信小程序实战:位置闹铃 (10)-定时器
- EA&UML日拱一卒-微信小程序实战:位置闹铃 (13)-使用类优化程序结构