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 相关文章推荐
jquery实现每个数字上都带进度条的幻灯片
Feb 20 Javascript
JavaScript禁止页面操作的示例代码
Dec 17 Javascript
js 设置缓存及获取设置的缓存
May 08 Javascript
js实现获取焦点后光标在字符串后
Sep 17 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
Aug 07 Javascript
javascript简单链式调用案例分析
May 10 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
Dec 19 Javascript
详解KOA2如何手写中间件(装饰器模式)
Oct 11 Javascript
javascript原型链学习记录之继承实现方式分析
May 01 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
Vue组件间通信 Vuex的用法解析
Aug 05 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
推荐几部必看的DC动画电影
2020/03/03 欧美动漫
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
JQuery与iframe交互实现代码
2009/12/24 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
JavaScript表单通过正则表达式验证电话号码
2014/03/14 Javascript
5款JavaScript代码压缩工具推荐
2014/07/07 Javascript
Javascript中的五种数据类型详解
2014/12/26 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
2016/05/30 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
2016/10/10 Javascript
通过网页查看JS源码中汉字显示乱码的解决方法
2016/10/26 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
2017/02/19 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
yarn的使用与升级Node.js的方法详解
2017/06/04 Javascript
微信小程序实现轮播图效果
2017/09/07 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
JavaScript对JSON数组简单排序操作示例
2019/01/31 Javascript
Layui 解决表格异步调用后台分页的问题
2019/10/26 Javascript
jquery实现聊天机器人
2020/02/08 jQuery
在实例中重学JavaScript事件循环
2020/12/03 Javascript
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
python字符串排序方法
2014/08/29 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
STP协议的主要用途是什么?为什么要用STP
2012/12/20 面试题
房屋产权证明书
2014/10/15 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
罗马假日观后感
2015/06/08 职场文书
大学生受助感言
2015/08/01 职场文书
辞职信怎么写?
2019/05/21 职场文书
Matlab求解数组中的最大值及它所在的具体位置
2021/04/16 Python