JavaScript高级程序设计 读书笔记之九 本地对象Array


Posted in Javascript onFebruary 27, 2012

创建Array对象

//one 
var aValues=new Array(); //two 
var aValues=new Array(20); 
//three 
var aColors=new Array(); 
aColors[0]="red"; 
aColors[1]="green"; 
aColors[2]="blue"; 
//four 
var aColors=new Array("red","green","blue"); 
//five 
var aColors=["red","green","blue"];

join && split
join:连接字符串
var aColors=["red","green","blue"]; 
alert(aColors.join(","));//outputs "red,green,blue" 
alert(aColors.join("-spring-"));//outputs "red-spring-green-spring-blue" 
alert(aColors.join("]["));//outputs "red][green][blue"

split:分拆字符串
var sColors="red,green,blue"; 
var aColors=sColors.split(",");//outputs ["red", "green", "blue"] 
var redColors=aColors[0].split("");//outputs ["r", "e", "d"]

concat && slice
concat:追加数组
var aColors=["red","green","blue"]; 
var aColors2=aColors.concat("yellow","purple"); 
alert(aColors);//outputs ["red", "green", "blue"] 
alert(aColors2);//outputs ["red", "green", "blue", "yellow", "purple"]

slice:返回具有特定项的新数组
var aColors=["red","green","blue","yellow","purple"]; 
var aColors2=aColors.slice(1);//outputs ["green","blue","yellow","purple"] 
var aColors3=aColors.slice(1,4);//outputs ["green","blue","yellow"]

push && pop
跟栈一样,Array提供了push和pop方法,push方法用于在Array结尾添加一个或多个项,pop用于删除最后一个数组项,返回它作为函数值
var stack=new Array; 
stack.push("red"); 
stack.push("green"); 
stack.push("blue"); 
alert(stack);//outputs ["red","green","blue"] 
var vItem=stack.pop(); 
alert(vItem);//outputs ["blue"] 
alert(stack);//otputs ["red","green"]

shift && unshift
shift:删除数组中第一项,将其作为函数返回值,unshift:把一个项放在数组的第一个位置,然后把余下的项向下移动一个位置
var aColors=["red","green","blue"]; 
var vItem=aColors.shift(); 
alert(aColors);//outputs ["green","blue"] 
alert(vItem);//outputs ["red"] 
aColors.unshift("black"); 
alert(aColors);//outputs ["black","green","blue"]

reverse && sort
reverse:颠倒数组项的顺序,sort:按数组项的值升序排列(首先要调用toString()方法,将所有值转换成字符串)
var aColors=["blue","green","red"]; 
aColors.reverse(); 
alert(aColors);//outputs ["red","green","blue"] 
aColors.sort(); 
alert(aColors);//outputs ["blue","green","red"]

注意:
var aColors=[3,32,2,5]; 
aColors.sort(); 
alert(aColors);//outputs [2,3,32,5]

这是因为数字被转换成字符串,然后按字符代码进行比较的。

splice
splice:把数据项插入数组的中部

1、用作删除:只要声明两个参数,第一个参数为要删除的第一个项的位置,第二个参数为删除项的个数

var aColors=["red","green","blue","yellow"]; 
aColors.splice(0,2); 
alert(aColors);//outputs ["blue", "yellow"]

2、用作插入:声明三个或以上参数(第二个参数为0)就可以把数据插入指定位置,第一个参数为地始位置,第二个参数为0,第三个及以上参数为插入项
var aColors=["red","green","blue","yellow"]; 
aColors.splice(2,0,"black","white"); 
alert(aColors);//outputs ["red","green","black","white","blue", "yellow"]

3、用作删除并插入:声明三个或以上参数(第二个参数为不0)就可以把数据插入指定位置,第一个参数为地始位置,第二个参数为要删除的项的个数,第三个及以上参数为插入项
var aColors=["red","green","blue","yellow"]; 
aColors.splice(2,1,"black","white"); 
alert(aColors);//outputs ["red","green","black","white", "yellow"]
Javascript 相关文章推荐
Javascript学习笔记5 类和对象
Jan 11 Javascript
细说浏览器特性检测(2)-通用事件检测
Nov 05 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
Aug 08 Javascript
充分发挥Node.js程序性能的一些方法介绍
Jun 23 Javascript
使用JQuery在线制作ppt并在线演示源码特效
Sep 08 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 Javascript
详解webpack打包vue时提取css
May 26 Javascript
使用JS中的Replace()方法遇到的问题小结
Oct 20 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
layui--js控制switch的切换方法
Sep 03 Javascript
微信公众号开发之微信支付代码记录的实现
Oct 16 Javascript
在antd4.0中Form使用initialValue操作
Nov 02 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 #Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 #Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 #Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 #Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 #Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 #Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
Feb 27 #Javascript
You might like
php设计模式小结
2013/02/15 PHP
php实现用于验证所有类型的信用卡类
2015/03/24 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
extjs 为某个事件设置拦截器
2010/01/15 Javascript
精通Javascript系列之数值计算
2011/06/07 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
JavaScript极简入门教程(三):数组
2014/10/25 Javascript
javascript从作用域链谈闭包
2020/07/29 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
基于MVC方式实现三级联动(JavaScript)
2017/01/23 Javascript
初探nodeJS
2017/01/24 NodeJs
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
VSCode使用之Vue工程配置eslint
2019/04/30 Javascript
vue中使用v-model完成组件间的通信
2019/08/22 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
python中的__slots__使用示例
2015/02/26 Python
python中input()与raw_input()的区别分析
2016/02/27 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
python如何给字典的键对应的值为字典项的字典赋值
2019/07/05 Python
pymysql 开启调试模式的实现
2019/09/24 Python
python3格式化字符串 f-string的高级用法(推荐)
2020/03/04 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
django创建css文件夹的具体方法
2020/07/31 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
BIFFI美国站:意大利BIFFI BOUTIQUES豪华多品牌时装零售公司
2020/02/11 全球购物
口腔医学技术应届生求职信
2013/11/09 职场文书
简历中的自我评价范文
2014/02/05 职场文书
汽车机修工岗位职责
2014/03/06 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
JavaScript 数组去重详解
2021/09/15 Javascript
CSS link与@import的区别和用法解析
2023/05/07 HTML / CSS