js操作数组
一、数组的声明方式:
var colors = new Array();//创建数组
var colors = new Array(20);//创建20个长度的数组
var colors = new Array("Greg");//创建字符串数组
var name=[];//空数组
var a = [[1,2],[3,4]];//多维数组
关联数组:
var lennon = Array ();
lennon["name"] = "john";
lennon["year"] = 1940;
lennon["living"] =false;
对象数组:
var a={name:123};
var b={age:456};
var objarr = [a,b];
//输出对象的名和值
alert(Object.keys(objarr[0])+":"+objarr[0].name+","+Object.keys(objarr[1])+":"+objarr[1].age);
读取设置数组的代码示例:
var colors = ["red","blue","green"];//定义一个字符串数组
alert(colors[0]);//显示第一项
colors[2] = "black";//修改第三项
colors[3] = "brown";//新增第四项
注意:
1、var colors = ["red","blue","green"];//创建一个包含3个字符串的数组
colors.length =2;
alert(color[2]); //undefined
2、var colors = ["red","blue","green"];
colors[99] ="black"; //在位置99添加一个颜色,其中3至98都是不存在,取值会报undefined。
alert(colors.length);//100
二、数组检测
1、instanceof
相关示例:
if ( value instanceof Array){//检测值是否为数组
//对数组执行某些操作
}
2 、Array.isArray()是ECMAScript5增加的方法,支持ie9、firefox 4+、safari 5+、opera 10.5+、Chome。
if ( Array.isArray(value)){//检测值是否为数组
//对数组执行某些操作
}
相关示例:
var a = [1, 2, 3];
typeof a;// "object"
Array.isArray(a); // true
上面代码中,typeof运算符只能显示数组的类型是Object,而Array.isArray方法可以对数组返回true。Array.isArray方法用来判断一个值是否为数组。它可以弥补typeof运算符的不足。
三、数组转换
示例一:
var colors = ["red","blue","green"];
alert(colors.tostring()); //red,blue,green
alert(colors.valueof()); //red,blue,green
alert(colors); //red,blue,green
示例二:
var a = [1, 2, 3];
a.valueOf() // [1, 2, 3] valueOf方法返回数组本身。
a.toString() // "1,2,3" 返回数组的字符串形式。
var a = [1, 2, 3, [4, 5, 6]];
a.toString() // "1,2,3,4,5,6"
a.toLocaleString(); //1,2,3 当调用此方法时会创建一个数组值的以逗号分隔的字符串
四、数组的相关操作
1、分割符的使用:
join方法以参数作为分割符,将所有数组成员组成一个字符串返回。如果不提供参数,默认用逗号分割。
相关示例:
var a = [1,2,3,4];
a.john(' '); // '1 2 3 4'
a.john(' | '); // "1 | 2 | 3 | 4"
a.john(); // "1,2,3,4"
如果数组成员是undefined或null或空位,会被转成空字符串。
[undefined, null].join('#') // '#'
['a',, 'b'].join('-') // 'a--b'
通过call方法,这个方法也可以用于字符串。
Array.prototype.join.call('hello', '-') // "h-e-l-l-o"
join方法也可以用于类似数组的对象。
var obj = { 0: 'a', 1: 'b', length: 2 };
Array.prototype.join.call(obj, '-') // 'a-b'
2、增加数组:
1、unshift() 方法向数组的开头添加一个或多个元素,并返回新的长度。 // 注意:会改变原数组
相关示例:
var a = ['a', 'b', 'c'];
a.unshift('x'); // 4
a // ['x', 'a', 'b', 'c']
2、slice()方法
3、
3、删除数组:
4、修改数组:
5、合并数组:
综合示例:
五、数组索引查找
六、数组迭代
七、数组排序
js操作数组的更多相关文章
- JS操作数组的常用方式
一.JS操作数组一:删除指定的元素 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. //查找指定元素下标 Array.prototype.indexOf = function ...
- JS操作数组常用的方法
JS操作Array对象的方法 concat(arr1,arr2,...):连接数组indexOf(value):返回数组中value的第一个索引join(separator):将数组中所有的元素连接由 ...
- JS 操作数组对象
我们在操作数组时,加入数组中是以对象的形式存在,例如: 那么我们会涉及到去重复,去掉为0的数组中的对象,js代码如下: function getItemList(gid, totalMoney, ad ...
- js操作数组元素
一, 删除数组指定的某个元素 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = function(val) ...
- js操作数组的一些小技巧
1.从数组中随机获取成员 var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119]; var rando ...
- js 操作数组封装
function OperateArray(array) { this.array = array; } OperateArray.prototype.hasValue = function(val) ...
- js 操作数组(过滤对应数据)
过滤掉相应数据 var fileList = { "85968439868a92": [{name: 'food.jpeg'}, {name: 'ood.jpeg'}], &quo ...
- JS操作数组-2
1. 找出数组 arr 中重复出现过的元素 function duplicates(arr) { var result = []; var count = []; for (var i=0;i< ...
- 小tips:JS操作数组的slice()与splice()方法
slice(start, end) slice()方法返回从参数指定位置开始到当前数组末尾的所有项.如果有两个参数,该方法返回起始和结束位置之间的项,但不包括结束位置的项. var colors = ...
随机推荐
- C语言之链表
这两天在复习C语言的知识,为了给下个阶段学习OC做准备,以下的代码的编译运行环境是Xcode5.0版本,写篇博文把昨天复习的C语言有关链表的知识给大家分享一下,以下是小菜自己总结的内容,代码也是按照自 ...
- 【记录】SqlBulkCopy 跨数据库,表自定义导入
使用场景: 一个数据库中的表数据,导入到另一个数据库中的表中,这两个表的表结构不一样,如果表结构一样的时候,导入非常简单,直接读取导入就行了,表结构不一样,就意味着需要加入一些判断,SqlBulkCo ...
- 【HBase】HBase Getting Started(HBase 入门指南)
入门指南 1. 简介 Quickstart 会让你启动和运行一个单节点单机HBase. 2. 快速启动 – 单点HBase 这部分描述单节点单机HBase的配置.一个单例拥有所有的HBase守护线程- ...
- Cesium原理篇:3最长的一帧之地形(2:高度图)
这一篇,接着上一篇,内容集中在高度图方式构建地球网格的细节方面. 此时,Globe对每一个切片(GlobeSurfaceTile)创建对应的TileTerrain类,用来维 ...
- MD5
(转载自:http://blog.chinaunix.net/uid-20725556-id-1885710.html) MD5的全称是Message-Digest Algorithm 5(信息-摘要 ...
- 微信浏览器是移动端的IE6?微信升级内核后Html5和CSS3兼容性总结
今年4月,自从微信浏览器X5 升级Blink内核之后,各前端社区一片高潮,仿佛看到了前端er,眼含热泪进而抱头痛头的说:终于可以不用兼容这"移动端的IE6 "了,可以早点回家了!! ...
- 7.4 数据注解属性--Required
Required attribute can be applied to a property of a domain class. EF Code-First will create a NOT N ...
- postgreSQL时间、日期函数
一.获取系统时间函数 1.1.获取当前完整时间 select now(); select current_timestamp; 1.2.获取当前日期 select currnt_date: 1.3.获 ...
- 数据见50条常用sql
问题及描述: --1.学生表 Student(Sid,Sname,Sage,Ssex) --Sid 学生编号,Sname 学生姓名,Sage 出生年月,Ssex 学生性别 --2.课程表 Course ...
- PHP流程控制之循环结构
计算机程序最擅长的功能之一就是按规定的条件,重复执行某些操作.循环结构可以减少源程序重复书写的工作量,即在给定条件成立时,反复执行某程序段,直到条件不成立为止.给定的条件称为循环条件,反复执行的程序段 ...