老生常谈JavaScript数组的用法

JavaScript数组简介

JavaScript中的数组与其他语言中的数组是不同的，主要体现在：

数组中存储的各项可以是不同类型的数据

数组的大小是动态变化的，当新增项时或移除项时可以动态的改变大小来容纳当前数据项

在JavaScript中创建数组

在JavaScript中创建数组有两种方式：

其一：调用数组的构造函数

var a = new Array(3);//创建一个长度为3的数组

var a = new Array(1,2,3)//创建一个数组内容为1,2,3的数组

另外，通过构造函数创建数组时也可以省略new 关键字,效果与带new相同

其二：使用字面值法创建（使用这种方法创建数组不会调用数组的构造方法）

Var a = [1,2,3]

判断一个对象是否为数组

在JavaScript中判断一个对象是否是数组有两种方法：

JavaScript数组的属性与方法

Length属性

在JavaScript中数组的length属性返回数组的长度，该属性既可以读亦可以写

length-i: 将数组从后往前删除i个元素

length+i: 在数组的尾部增加i个元素（未初始化前均为underfine）

栈方法

Push方法：

Pop方法：

数组非Pop方法返回数组中的最后一项（注意：只是返回最后一项而不影响原数组）

队列方法

Shift方法： 移除数组的第一项并返回，同时使数组的长度减1

结合使用push（）和 shift()方法，便可以像队列一样的操作数组

Unshift方法：在数组的前端添加任意个项并返回数组的长度

结合使用unshift()和pop()方法可以像操作反向队列似得操作数组

数组的排序方法

Sort方法对数组进行排序（按照ASCII码表）

此外还可以为sort（）还可以指定一个比较函数

倒序排列函数reverse():

不调用reverse，手动实现倒序排列：

操作方法

concat（）方法：如果没有参数则返回当前数组的副本，如果参数是一个数组，则将参数数组中的每一项都添加到当前数组副本的末尾，然后返回该副本，如果参数不是数组，则将参数添加到当前数组副本的末尾并返回该副本

slice()方法：将当前数组中的一项或多项作为一个新数组返回（不影响当前原数组）

splice（）方法：（注意：该方法在原数组操作）

位置方法indexof()和lastindexof()

Indexof(startindex,item)：在当前数组中startindex(如果没有startindex则从头开始搜索)从前往后搜素item,并返回第一个item的索引，如果没有查询到item则返回-1

Lastindexof（startindex,item)：用法同indexof，但是从后往前搜索

减少方法

reduce和reduceright：

reduce(callback,缩小基础的初始值（可选）)，回调函数可以接受四个参数（pre,cur,index,arr）,分别表示前一个值、当前值、项索引，数组对象，这个函数的返回结果自动作为参数传递给下一项

reduceright()用法同reduece,但reduceright是从后往前迭代的

迭代方法

以上这篇老生常谈JavaScript数组的用法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • javascript 数组的定义和数组的长度

    本文提供一款简单的js入门教程,这是一款js数组定义与数组长度实例教程,如果你正在学习js数组的话,我们这里告诉你如何定义数组以及增加数组与数组长度计算实例. 先来看看如何定义数组 var a = new array(); var b = new array(8); var c = new array("first", "second", "third"); 或者数组直接量: 复制代码 代码如下: var d = ["first&quo

  • JavaScript判断数组重复内容的两种方法(推荐)

    JavaScript判断数组重复内容的两种方法(推荐)

    前言 一般,我们可能会给数组去重,这个操作并不复杂,执行一个循环就是了.现在,我要做的是,判断数组中是否有重复的内容,如果有,返回 true 否则,返回 false. 思路 把数组变成字符串 循环原数组,拿每一个字段和这个字符串进行比对,看是否有重复 如何拿A字符串和B字符串进行对比,并且要求判断出B字符串中包含过个A字符串呢? 方法一 indexOf() 和 lastIndexOf() 对比法. 首先,我们构建代码: var arr = ["aa","bb",&q

  • 深入理解js数组的sort排序

    废话少说直接上代码: <body> <div> sort()对数组排序,不开辟新的内存,对原有数组元素进行调换 </div> <div id="showBox"> 1.简单数组简单排序 <script type="text/javascript"> var arrSimple=new Array(1,8,7,6); arrSimple.sort(); document.writeln(arrSimple.j

  • javascript之Array 数组对象详解

    1.创建Array对象方法: --->var arr = [element0, element1, ..., elementn];//简单的定义方法 复制代码 代码如下: var arr = [1,2,3] 此时可以知道 复制代码 代码如下: arr[0] == 1; arr[1] == 2; arr[2] == 3; --->new Array(); 复制代码 代码如下: var arr = new Array();//定义一个没有任何内容的数组对象,然后以下面的方式为其赋值 arr[0]

  • javascript如何定义对象数组

    问题如下,已经完成单个对象的简单应用,希望定义一个数组,能包含多个student. 复制代码 代码如下: var student = new Object(); student.name = "Lanny"; student.age = "25"; student.location = "China"; var json = JSON.stringify(student); 方法一: 复制代码 代码如下: var students = []; s

  • js获取对象、数组的实际长度,元素实际个数的实现代码

    js获取对象.数组的实际长度,元素实际个数的实现代码 /*获取对象.数组的长度.元素个数 *@param obj 要计算长度的元素,可以为object.array.string */ function count(obj){ var objType = typeof obj; if(objType == "string"){ return obj.length; }else if(objType == "object"){ var objLen = 0; for(v

  • 老生常谈JavaScript数组的用法

    老生常谈JavaScript数组的用法

    JavaScript数组简介 JavaScript中的数组与其他语言中的数组是不同的,主要体现在: 数组中存储的各项可以是不同类型的数据 数组的大小是动态变化的,当新增项时或移除项时可以动态的改变大小来容纳当前数据项 在JavaScript中创建数组 在JavaScript中创建数组有两种方式: 其一:调用数组的构造函数 var a = new Array(3);//创建一个长度为3的数组 var a = new Array(1,2,3)//创建一个数组内容为1,2,3的数组 另外,通过构造函数

  • JavaScript数组迭代器实例分析

    本文实例讲述了JavaScript数组迭代器用法.分享给大家供大家参考.具体如下: 这里注意:如果数组中有0.false."".null.NaN迭代器将会停止 function createIterator(x) { var i = 0; return function(){ return x[i++]; }; } var iterator=createIterator(['a','b','c','d','e','f','g']); var current; while(current

  • JavaScript数组对象赋值用法实例

    JavaScript数组对象赋值用法实例

    本文实例讲述了JavaScript数组对象赋值用法.分享给大家供大家参考.具体如下: 这里JavaScript数组对象的使用会使你的JS程序变得简洁而有效率,但是好像不少新手都不喜欢用数组,因为觉得它们抽象,不好理解,其实只要你认真领悟,它就像捅破窗户纸一样,令你豁然开朗.希望通过本实例,你对数组会有更多的理解. 运行效果图如下: 具体代码如下: <html> <head> <meta http-equiv="content-type" content=&

  • Javascript数组与字典用法分析

    本文实例分析了Javascript数组与字典用法.分享给大家供大家参考.具体分析如下: Javascript 的数组Array,既是一个数组,也是一个字典(Dictionary). 先举例看看数组的用法. 复制代码 代码如下: var a = new Array();  a[0] = "Acer";  a[1] = "Dell";  for (var i in a) {      alert(i);          } 上面的代码创立了一个数组,每个元素都是一个字

  • javascript数组与php数组的地址传递及值传递用法实例

    本文实例讲述了javascript数组与php数组的地址传递及值传递用法.分享给大家供大家参考.具体如下: javascript数组为地址传递/引用传递,而php数组为值传递 实例代码如下: 复制代码 代码如下: <?php $arr = array(3,9,4); function test($arr){  $arr[0] = 30; } test($arr); foreach($arr as $val){  echo $val." "; } ?> <script

  • JavaScript数组各种常见用法实例分析

    JavaScript数组各种常见用法实例分析

    本文实例讲述了JavaScript数组各种常见用法.分享给大家供大家参考.具体如下: 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x

  • Javascript数组中push方法用法分析

    本文实例讲述了Javascript数组中push方法用法.分享给大家供大家参考,具体如下: 看下面代码: var o = { 1:'a' ,2:'b' ,length:2 ,push:Array.prototype.push }; o.push('c'); Q:o现在内部的值是什么样子? 我的第一反应是排斥,为什么要研究不合理情况下[解释引擎]的行为?但是这种推论有时候又很吸引人,于是我回来的时候仔细思考了下,发现其实很简单. 对于push这个方法,我条件反射地想到的就是栈,[数据结构的经典栈]

  • JavaScript使用delete删除数组元素用法示例【数组长度不变】

    JavaScript使用delete删除数组元素用法示例【数组长度不变】

    本文实例讲述了JavaScript使用delete删除数组用法.分享给大家供大家参考,具体如下: javascript使用delete删除数组中的某些数值后,数组的长度是不变的. 具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JavaScript delete</title> </

  • JavaScript 数组some()和filter()的用法及区别

    some方法 array1.some(callbackfn[, thisArg]) 对数组array1中的每个元素调用回调函数callbackfn,当回调函数返回true或者遍历完所有数组后,some方法终止.可选参数thisArg可以替换回调函数中的this对象 filter方法 array1.filter(callbackfn[, thisArg]) 对数组array1中的每个元素调用回调函数callbackfn方法,该方法会返回一个在回调函数中返回true的元素的新的集合.可选参数this

  • JavaScript数组、json对象、eval()函数用法实例分析

    本文实例讲述了JavaScript数组.json对象.eval()函数用法.分享给大家供大家参考,具体如下: 一.JavaScript中的数组 数组使用[].new Array()或new Array(count)进行创建 创建数组之后我们可以对其静态初始化,也可以对其动态赋值 数组的常用属性:length 数组的常用方法:toString().join().reverse().push().pop() <script type="text/javascript"> //静

随机推荐