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

JavaScript 数组常用操作

阅读更多
    本人第一篇文章,现在要开始养成写技术博客的习惯,并且保证平均每周至少一篇。对于代码相关的能测试的一定要进行测试。

1.创建数组
只是声明了数组,并不包含具体数据。
var checkboxList = new Array();

创建数组并指定长度,这个长度5是可以变的,可以自动增长。
var checkboxList = new Array(5);

创建数组,并初始化了三个元素。
var checkboxList = new Array("1111","2222","3333");

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

将字符串"userId001"放入数组末尾
checkboxList.push("userId001");

一次添加两个元素,"AAAA"与"BBBB"
checkboxList.push("AAAA","BBBB");

2.2 unshift() 数组开头,插入元素,原有元素后移
在数组开头插入两个元素。
(有资料说返回值是数组最新长度,不过我在IE6测返回是"undefined")
checkboxList.unshift("AAAA","BBBB");

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

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

2.4 splice() 插入(替换)或者移除多个元素
移除示例:
splice(delIndex,delCount);
delIndex:开始移除的位置,也就是数组的下标,从0开始。
delCount:移除元素的个数。
从数组的第一个元素开始,移除2个元素。
checkboxList.splice(0,2);

如:在执行完checkboxList.splice(1,2)后,数组由原来的4个元素变成了只有"1111","4444"两个元素。
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"两个元素。
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"
var checkboxList = new Array("1111","2222","3333","4444","5555");
checkboxList.splice(1,1,"AAAA","BBBB");
alert(checkboxList);

如果replaceCount参数的值大于数组的长度,那将会替换掉addIndex参数开始的所有元素。执行完后checkboxList的元素变为:"1111","AAAA","BBBB"
var checkboxList = new Array("1111","2222","3333","4444","5555");
checkboxList.splice(1,9,"AAAA","BBBB");
alert(checkboxList);

2.5 reverse() 数组元素顺序反转
checkboxList.reverse();

2.6 sort() 对数组元素按自然顺序排序
checkboxList.sort();

2.7 concat() 拷贝另一个数组,生成新的数组,并返回
allList中的元素为checkboxList与radioList中的元素的合集
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不发生变化。
var checkboxList = new Array("1111","2222","3333");
var tempArray = checkboxList.slice(1);

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

可以于高效字符串相加。比直接字符串相加效率高很多。
代码示例:
var checkboxList = new Array("1111","2222","3333","4444");
var strData = checkboxList.join("|");
alert(strData);



2.10 length 属性
length 返回数组长度,也就是元素个数。
var checkboxList = new Array("1111","2222","3333","4444");
alert(checkboxList.length);












分享到:
评论

相关推荐

    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