`
huanglz19871030
  • 浏览: 248901 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JavaScript 数组常用操作

 
阅读更多

1.创建数组
只是声明了数组,并不包含具体数据。

Java代码  收藏代码
  1. var checkboxlist = new array();  

创建数组并指定长度,这个长度5是可以变的,可以自动增长。
Java代码  收藏代码
  1. var checkboxlist = new array(5);  

创建数组,并初始化了三个元素。
Java代码  收藏代码
  1. var checkboxlist = new array("1111","2222","3333");  

2.数组操作
2.1 push() 数组末尾添加元素,返回数组最新长度

将字符串"userid001"放入数组末尾
Java代码  收藏代码
  1. checkboxlist.push("userid001");  

一次添加两个元素,"aaaa"与"bbbb"
Java代码  收藏代码
  1. checkboxlist.push("aaaa","bbbb");  

2.2 unshift() 数组开头,插入元素,原有元素后移
在数组开头插入两个元素。
(有资料说返回值是数组最新长度,不过我在ie6测返回是"undefined")
Java代码  收藏代码
  1. checkboxlist.unshift("aaaa","bbbb");  

2.3 pop() 移出数组末尾的一个元素,并返回该元素。
代码:
Java代码  收藏代码
  1. checkboxlist.pop();  

2.3 shift() 移出数组开头的一个元素,并返回该元素
代码:
Java代码  收藏代码
  1. checkboxlist.shift()  

2.4 splice() 插入(替换)或者移除多个元素
移除示例:
splice(delindex,delcount);
delindex:开始移除的位置,也就是数组的下标,从0开始。
delcount:移除元素的个数。
从数组的第一个元素开始,移除2个元素。
Java代码  收藏代码
  1. checkboxlist.splice(0,2);  

如:在执行完checkboxlist.splice(1,2)后,数组由原来的4个元素变成了只有"1111","4444"两个元素。
Java代码  收藏代码
  1. var checkboxlist = new array();checkboxlist.push("1111");checkboxlist.push("2222");checkboxlist.push("3333");checkboxlist.push("4444");//从数组的第二个元素开始,移除2个元素。checkboxlist.splice(1,2);alert(checkboxlist);  

插入(替换)示例:
splice(addindex,replacecount,elememt...);
addindex:插入(替换)起始位置,也就是数组的下标,从0开始。
replacecount:需要替换元素的个数。
elememt...:新的元素,可以是一个或者多个。

当replacecount小于等于0时,只进行添加。
如:在checkboxlist数组的第1个元素("1111")后插入"aaaa","bbbb"两个元素。
Java代码  收藏代码
  1. var checkboxlist = new array("1111","2222","3333","4444","5555");checkboxlist.splice(1,0,"aaaa","bbbb");alert(checkboxlist);  

当replacecount大于0时,会元素会进行替换。
如:将checkboxlist数组的第1个元素("1111")后的一个元素(也就是"2222")替换成"aaaa","bbbb"。下面代码中的checkboxlist最新值为:"1111","aaaa","bbbb","3333","4444","5555"
Java代码  收藏代码
  1. var checkboxlist = new array("1111","2222","3333","4444","5555");checkboxlist.splice(1,1,"aaaa","bbbb");alert(checkboxlist);  

如果replacecount参数的值大于数组的长度,那将会替换掉addindex参数开始的所有元素。执行完后checkboxlist的元素变为:"1111","aaaa","bbbb"
Java代码  收藏代码
  1. var checkboxlist = new array("1111","2222","3333","4444","5555");checkboxlist.splice(1,9,"aaaa","bbbb");alert(checkboxlist);  

2.5 reverse() 数组元素顺序反转
Java代码  收藏代码
  1. checkboxlist.reverse();  

2.6 sort() 对数组元素按自然顺序排序
Java代码  收藏代码
  1. checkboxlist.sort();  

2.7 concat() 拷贝另一个数组,生成新的数组,并返回 
alllist中的元素为checkboxlist与radiolist中的元素的合集
Java代码  收藏代码
  1. var checkboxlist = new array("1111","2222");var radiolist = new array("aaaa","bbbb");var alllist = checkboxlist.concat(radiolist);  

2.8 slice() 拷贝指定序号后的元素,生成新的数组,并返回
slice(index)
index:拷贝开始位置,也就是数组的下标,从0开始。
当index大于数组元素个数时,返回空数组

拷贝checkboxlist第一个元素后的所有元素到新的temparray 数组,原checkboxlist不发生变化。
Java代码  收藏代码
  1. var checkboxlist = new array("1111","2222","3333");var temparray = checkboxlist.slice(1);  

2.9 join() 字符串操作
join(separator);
separator:添加的分隔符,可以为""空字符串。

可以于高效字符串相加。比直接字符串相加效率高很多。
代码示例:
Java代码  收藏代码
  1. var checkboxlist = new array("1111","2222","3333","4444");var strdata = checkboxlist.join("|");alert(strdata);  



2.10 length 属性
length 返回数组长度,也就是元素个数。
Java代码  收藏代码
  1. var checkboxlist = new array("1111","2222","3333","4444");alert(checkboxlist.length);  

分享到:
评论
1 楼 zhangyaochun 2011-10-09  
LZ: array.slice的api其实有两个参数
参数1.start (如果是负数的话,array.length和start相加操作,其实就是从数组的后面往前)
参数2.end (可选,默认是该数组的长度array.length)

附上例子:
var arr =[0,1,2];
console.log(arr.slice(-1));   //[2]

仅供学习参考,祝好

相关推荐

    JavaScript数组常用操作技巧汇总

    JavaScript数组操作技巧汇总的知识点详细解读: ...以上就是JavaScript数组常用操作技巧的详细解读,涵盖了数组的基本操作方法和一些实际使用场景。掌握这些技巧有助于编写更加高效、优雅的JavaScript代码。

    JavaScript数组特性与实践应用深入详解

    这是JavaScript数组操作中的常用手法,因为它可以方便地处理数组的动态增长和缩减。 当需要从数组中间删除或替换元素时,可以使用splice方法。该方法通过指定开始删除的索引和需要删除的元素数量,以及可能的插入的...

    javascript数组有哪些常见的方法_javascript数组有什么方法.docx

    本文介绍了 JavaScript 数组的一些常用方法,包括数组合并、循环插入、数组定义与初始化以及数组长度属性的使用。通过这些方法,开发者可以更加灵活地处理数组数据,提高开发效率。此外,还展示了如何通过扩展数组...

    JavaScript数组常用方法

    以上介绍了JavaScript数组常用的一些方法,每个方法都有着不同的用途和特点。掌握这些方法对于进行高效的数组操作是十分重要的,无论是在前端开发还是在后端开发中,都能大大提高开发效率。对于初学者来说,理解这些...

    JavaScript常用数组操作方法.docx

    ### JavaScript 常用数组操作方法详解 #### 一、前言 在现代Web开发中,JavaScript 是一种不可或缺的语言,而数组则是JavaScript中最基础也是最常用的数据结构之一。数组允许我们存储一系列有序的数据项,这些数据...

    JavaScript数组对象JSON学习笔记

    在 JavaScript 中,数组是一种常用的数据结构,用于存储多个值。本部分主要介绍如何创建数组、访问数组元素以及对数组进行各种操作。 ##### 创建数组 1. **使用 `new Array()` 构造函数:** - 示例: ```...

    谈谈JavaScript数组常用方法总结

    本文将深入探讨JavaScript数组的一些常用方法,帮助开发者更好地理解和应用这些方法。 1. **增加数据** - `push()` 方法用于向数组末尾添加一个或多个元素,并返回新的数组长度。例如: ```javascript var arr =...

    JavaScript常用数组操作方法1

    以下是对标题和描述中提到的一些JavaScript数组操作方法的详细说明: 1. **concat()**: `concat()` 方法用于合并两个或多个数组,但不改变原始数组。它返回一个新数组,包含所有数组的元素。例如: ```...

    Java入门到架构师教程之JavaScript数组.pdf

    本教程主要介绍了JavaScript数组的基础知识和常见操作。 1. **数组定义** 在JavaScript中,有三种方式来定义数组: - **隐式创建**:通过方括号 `[]` 直接初始化数组,如 `var arr = [值1, 值2, 值3];` - **直接...

    JavaScript如何删除数组元素!

    在JavaScript中,数组是一种常用的数据结构,用于存储一系列的值。有时我们可能需要根据特定条件或索引从数组中删除元素。本篇文章将详细介绍几种在JavaScript中删除数组元素的方法,帮助开发者更好地理解和应用这些...

    javascript的数组和常用函数详解_.docx

    JavaScript数组的索引范围非常广泛,从0到2^32 - 1。如果使用负数、浮点数或布尔值作为索引,JavaScript会将其视为字符串,并尝试以对象的形式访问该键值。 **数组循环:** 1. **使用`for`循环:** ```javascript ...

    JavaScript jQuery 中定义数组与操作及jquery数组操作

    5. **数组常用函数** - `concat()`:连接两个或更多数组并返回新的数组。 - `push()`:向数组末尾添加一个或多个元素,并返回新的长度。 - `pop()`:删除并返回数组的最后一个元素。 - `shift()`:删除并返回...

    javascript数组常用方法汇总

    以下是对标题和描述中提到的一些JavaScript数组常用方法的详细说明: 1. **join()** 方法:`Array.join()` 方法将数组的所有元素转换为字符串,并用指定的分隔符连接在一起。如果不提供分隔符,它默认使用逗号。...

    JavaScript数组定义[文].pdf

    JavaScript数组是编程中常用的数据结构,它用于存储一组有序的元素,可以是任何类型的数据,如数字、字符串、对象等。在JavaScript中,数组有多种定义方式,这使得其使用非常灵活。 首先,我们可以使用构造函数`...

    JavaScript中数组常见操作技巧

    ### JavaScript中数组常见操作技巧 #### 数组的创建与初始化 在JavaScript中,创建数组通常使用数组字面量 `[]`。这与使用 `new Array()` 不同,因为后者在某些情况下用于创建指定长度的数组,而数组字面量则更加...

    JavaScript数组常用的增删改查与其他属性详解

    JavaScript数组是编程中常用的数据结构,它提供了丰富的操作方法,用于执行增删改查等操作。本文将深入探讨这些常用的方法及其应用场景。 1. **数组的插入** - `push()` 方法:向数组的末尾添加一个或多个元素,并...

Global site tag (gtag.js) - Google Analytics