一、数组的声明方式:

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方法可以对数组返回trueArray.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操作数组的更多相关文章

  1. JS操作数组的常用方式

    一.JS操作数组一:删除指定的元素 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. //查找指定元素下标 Array.prototype.indexOf = function ...

  2. JS操作数组常用的方法

    JS操作Array对象的方法 concat(arr1,arr2,...):连接数组indexOf(value):返回数组中value的第一个索引join(separator):将数组中所有的元素连接由 ...

  3. JS 操作数组对象

    我们在操作数组时,加入数组中是以对象的形式存在,例如: 那么我们会涉及到去重复,去掉为0的数组中的对象,js代码如下: function getItemList(gid, totalMoney, ad ...

  4. js操作数组元素

    一, 删除数组指定的某个元素 首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = function(val) ...

  5. js操作数组的一些小技巧

    1.从数组中随机获取成员 var items = [12, 548 , 'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' , 2145 , 119]; var  rando ...

  6. js 操作数组封装

    function OperateArray(array) { this.array = array; } OperateArray.prototype.hasValue = function(val) ...

  7. js 操作数组(过滤对应数据)

    过滤掉相应数据 var fileList = { "85968439868a92": [{name: 'food.jpeg'}, {name: 'ood.jpeg'}], &quo ...

  8. JS操作数组-2

    1. 找出数组 arr 中重复出现过的元素 function duplicates(arr) { var result = []; var count = []; for (var i=0;i< ...

  9. 小tips:JS操作数组的slice()与splice()方法

    slice(start, end) slice()方法返回从参数指定位置开始到当前数组末尾的所有项.如果有两个参数,该方法返回起始和结束位置之间的项,但不包括结束位置的项. var colors = ...

随机推荐

  1. 使用Windows Service Wrapper快速创建一个Windows Service

    前言 今天介绍一个小工具的使用.我们都知道Windows Service是一种特殊的应用程序,它的好处是可以一直在后台运行,相对来说,比较适合一些需要一直运行同时不需要过多用户干预的应用程序,这一类我 ...

  2. C# 如何将List拆分成多个子集合

    网上的例子: 问:List<string> list = new List<string>();        for (int i = 1; i < 95; i++)  ...

  3. iOS开发之手势识别

    感觉有必要把iOS开发中的手势识别做一个小小的总结.在上一篇iOS开发之自定义表情键盘(组件封装与自动布局)博客中用到了一个轻击手势,就是在轻击TextView时从表情键盘回到系统键盘,在TextVi ...

  4. 关于在用curl函数post网页数据时,遇上表单提交 type为submit 类型而且没有name和id时可能遇到的问题及其解决方法

    curl函数库实现爬网页内容的链接在 http://www.cnblogs.com/linguanh/p/4292316.html 下面这个是没有name和id 标识的 <input type= ...

  5. 数据库操作提示:Specified key was too long; max key length is 767 bytes

    操作重现: 法1:新建连接——>新建数据库——>右键数据库导入脚本——>提示:Specified key was too long; max key length is 767 by ...

  6. TF-IDF提取行业关键词

    1. TF-IDF简介 TF-IDF(Term Frequency/Inverse Document Frequency)是信息检索领域非常重要的搜索词重要性度量:用以衡量一个关键词\(w\)对于查询 ...

  7. JS设置CSS样式的几种方式

    用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性  某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign)  如果想保 ...

  8. javascript处理HTML的Encode(转码)和Decode(解码)总结

    HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的,在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式 一.用浏览器 ...

  9. NIOS II 中直接调用Modelsim仿真

    STEP1:创建一个工程,实现并编译该工程,编写TestBench文件. STEP2:设置启动Modelsim的路径 选择Nios II菜单Tools->Options..,在弹出的界面中,选择 ...

  10. C#基础-压缩文件及故障排除

    C#压缩文件可以使用第三方dll库:ICSharpCode.SharpZipLib.dll: 以下代码能实现文件夹与多个文件的同时压缩.(例:把三个文件夹和五个文件一起压缩成一个zip) 直接上代码, ...