`
tiantian-yuqing
  • 浏览: 23680 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论
阅读更多
   我们写程序的的时候经常会遇到数组的问题,有时候转换为数组的思想会把问题变得简单。总结一下JS数组常用的操作。
可参考w3school的介绍:http://www.w3school.com.cn/js/js_obj_array.asp
1、数组的创建
代码如下:
var arrayObj = new Array();或者var arrayObj = [];  //创建一个空数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、数组的元素的访问
var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= "这是新值"; //给数组元素赋予新的值


3、数组元素的添加
代码如下:
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

   如果要求显示的列表需要按时间排序,就可以用.unshift

4、数组元素的删除
代码如下:
arrayObj.pop(); //移除最后一个元素并返回该元素值
arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素


5、数组的截取和合并
代码如下:
arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分(也可以时字符串),注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

如需要提取报名信息:bm张三,把"bm"和"张三"分别提取出来,就可以利用slice函数,如:
var message = "bm张三";
document.write(message.slice(0,2));
document.write("<br />");
document.write(message.slice(2));

输出的结果是:
bm
张三

如果是数组的话
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.slice(0,2));

输出就是:
George,John

对于concat:
var a = [1,2,3];
document.write(a.concat(4,5));

输出就是:
1,2,3,4,5

concat还可以连接数组:
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
document.write(arr.concat(arr2))

输出就是:
George,John,Thomas,James,Adrew,Martin

6、数组的拷贝
代码如下:
arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向


7、数组元素的排序
代码如下:
arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayObj.sort(); //对数组元素排序,返回数组地址


8、数组元素的字符串化
代码如下:
arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。

toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
如:
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
var output = new Array(0,'A',0,'B');
document.write(arr.join());  //默认字符串间的分隔符为 , 
document.write("<br />");     
document.write(arr.join("."));  //设置字符串间的分隔符为 .
document.write("<br />");
document.write(output.join(""));  //设置字符串间的分隔符为空,即把各元素连接在一起

输出的结果是:
George,John,Thomas
George.John.Thomas
0A0B
分享到:
评论

相关推荐

    JavaScript常用数组操作方法.docx

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

    js数组使用方法

    ### JavaScript 数组操作方法详解 在JavaScript中,数组是一种非常重要的数据结构,它允许开发者以序列的方式存储和操作数据。本文将详细介绍JavaScript中数组的一些常用操作方法:`pop`、`push`、`unshift`、`...

    Java数组的常用方法.doc

    本文将对 Java 数组的常用方法进行总结,包括数组的声明、输出、转换、搜索、连接、反转等操作。 1. 数组的声明 在 Java 中,可以使用以下两种方式声明数组: String[] aArray = new String[5]; String[] bArray ...

    JavaScript常用数组操作方法1

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

    js 数组详细操作方法及解析合集

    在JavaScript编程中,数组是经常使用的一种数据...数组操作是JavaScript开发中的基础,熟练掌握数组的操作方法对于高效编写代码是非常重要的。希望以上总结对您有所帮助,让您在开发过程中能够更加得心应手地使用数组。

    js中数组的常用方法小结

    这些方法以及相关的排序算法、遍历算法、数学运算、数据结构和查找算法等都是JavaScript中不可或缺的一部分,它们共同构成了JavaScript数组操作的完整体系。对于希望深入学习JavaScript的开发者来说,研究和实践这些...

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

    #### 二、数组操作方法 ##### 1. **数组合并** - **描述**: 在不改变原始数组的情况下,可以通过 `.concat()` 方法来合并两个或多个数组。 - **示例**: ```javascript let a = [1, 2, 3]; let b = [4, 5, 6]; ...

    JavaScript常用的数组操作方法1.pdf

    本文主要介绍了JavaScript中常见的数组操作方法,包括添加、删除和排序,这对于理解和优化JavaScript代码至关重要。 1. **数组的添加** - **concat()** 方法用于合并数组,它不会改变原始数组,而是返回一个新的...

    数组的常用方法知识点归纳

    ### 数组的常用方法知识点归纳 #### 一、概述 数组是编程中最基本的数据结构之一,在JavaScript等前端语言中有着广泛的应用。对于前端开发者来说,掌握数组的各种操作方法至关重要。本文将详细介绍数组的一些常用...

    js操作数组元素常用方法

    JavaScript中的数组操作是编程中非常常见的一类任务,特别是在处理数据和动态构建用户界面时。在JavaScript中,数组提供了一系列内置方法,使我们能够轻松地添加、删除、修改和查找数组元素。以下是一些主要的方法...

    JavaScript常用的数组操作方法案例1.pdf

    本文将深入探讨两个JavaScript数组操作方法:`push()`和`reverse()`,并提供相关的案例分析。 首先,`push()`方法是用于向数组的末尾添加一个或多个元素,并返回新的数组长度。在案例1中,我们创建了一个包含1到6的...

    javascript数组去重常用方法实例分析

    本文实例讲述了javascript数组去重常用方法。分享给大家供大家参考,具体如下: 数组去除重复值是面试常考内容,也是很容易用到的一个技巧,下面就几种去重的方法进行介绍。 首先是最常见的方法,也就是添加一个临时...

    JavaScript常用的数组操作方法案例2.pdf

    除了`slice()`,JavaScript数组还有很多其他常用的操作方法: - `push()`:向数组的末尾添加一个或多个元素,并返回新的长度。例如,`arr.push('g')`将把`'g'`添加到`arr`的末尾,使`arr`变为`["a", "b", "c", "d",...

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

    JavaScript 和 jQuery 中的数组操作是编程中非常基础且重要的部分,尤其在处理数据集合时。在 JavaScript 中,数组是一种特殊的数据结构,可以存储各种类型的数据,包括整型、字符串、对象等。虽然 JavaScript 不...

    js 数组工具类 ArrayUtil

    在JavaScript中,数组是一种常用的数据结构,用于存储和操作一系列有序的数据。ArrayUtil是一个实用的JavaScript...此外,分析源码还可以帮助我们理解面向对象编程、函数式编程以及JavaScript数组操作的内部工作原理。

    js代码-数组的常用方法

    以上就是JavaScript数组的一些常用方法,`main.js`文件中的代码很可能会涉及这些方法的使用。如果你想要深入理解这些方法的具体应用场景,可以查看该文件中的代码示例,同时结合`README.txt`文件中的说明来学习。...

    JS数组中对象去重操作示例

    - **《JavaScript数组操作技巧总结》**:涵盖数组的创建、遍历、合并、排序、过滤等多种操作。 - **《JavaScript字符与字符串操作技巧总结》**:涉及字符串的拼接、截取、查找、替换等方法。 - **《JavaScript...

    js中数组常用方法总结(推荐)

    在JavaScript中,数组是一种常见的数据结构,它提供了一系列的方法来处理数组中的元素。...以上就是JavaScript中数组的一些常用方法的介绍和示例代码。掌握了这些方法,就能在开发过程中更加高效地处理数组相关的问题。

Global site tag (gtag.js) - Google Analytics