#转载请留言联系

  • 创建数组

1.通过new Array()进行创建

  1. var arr1=new Array();

2.通过中括号进行创建

  1. var arr2=[];
  • 计算数组的长度

  1. var arr3=['1','2','3'];
  2. console.log(arr3.length)
  • 数组的下标

  1. //从0开始,从左到右
  2. var arr4 = ["a","b","c","d"];
  3. console.log(arr4[1])

注意:下标为-1表示没有这个元素,而不是倒数第一个!

  • 获取成员在数组中的下标 indexOf

  1. var arr=["a","b","c"];
  2. console.log(arr.indexOf("b"))
  3. console.log(arr.indexOf("1"))
  4.  
  5. 输出:
  6. 1
  7. -1 //当成员不在数组中,则返回-1
  • 数组的拼接 join

  1. var arr5=["a","b","c"];
  2. console.log(arr5.join("-"))
  3.  
  4. 输出:
  5. a-b-c
  • 数组的反转排列

  1. var arr5=["a","b","c"];
  2. console.log(arr5.reverse())
  3.  
  4. 输出:
  5. ["c", "b", "a"]
  • 数组的删除元素

splice(删除开始的下标,删除的成员个数)
返回值就是被删除的元素组成的数组

  1. var arr5=["a","b","c","d"];
  2. console.log(arr5.splice(1,2))
  3. console.log(arr5)
  4.  
  5. 输出:
  6. ["b","c"]
  7. ["a","d"]
  • 在数组的任意位置添加元素

splice(要插入的下标位置,,[插入的元素])

  1. var arr5=["a","b","c","d"];
  2. console.log(arr5.splice(1,0,"x","y","z")) //0表示不删除元素!1表示插入的位置!
  3. console.log(arr5)
  4.  
  5. 输出:
    [] //表示没有删除的元素
    ["a", "x", "y", "z", "b", "c", "d"] //在下标为1的地方插入"x","y","z
  • 在数组的末尾添加元素

push 表示给数组新增成员,返回结果是新的成员的数量!

  1. var arr5=["a","b","c",];
  2. var ret=arr5.push("d");
  3. console.log(arr5)
  4. console.log(ret)
  5.  
  6. 输出:
  7. ["a", "b", "c", "d"]
  8. 4
  • 移除数组的最后一个成员

pop,返回值是被移除的元素!

  1. var arr5=["a","b","c"];
  2. var ret=arr5.pop();
  3. console.log(ret)
  4. console.log(arr5)
  5.  
  6. 输出:
  7. c
  8. ["a", "b"]
  • 多维数组

多维数组就是数组的嵌套。二维数组就是嵌套两层,三维数组就是嵌套三层。

  1. var arr5=[
  2. ["a","b","c"],
  3. ["1","2","3"],
  4. ["x","y","z"]
  5. ]
  • 多维数组成员的获取

  1. var arr5=[
  2. ["a","b","c"],
  3. ["1","2","3"],
  4. ["x","y","z"]
  5. ]
  6. console.log(arr5[1][2])
  7.  
  8. 输出:
  9. 3

JavaScript的数组详解的更多相关文章

  1. javascript Array数组详解 各种方法

    1.数组的声明方法(1): arrayObj = new Array(); //创建一个数组.复制代码 代码如下: var arr1 = new Array(); (2):arrayObj = new ...

  2. JavaScript进阶(十)Array 数组详解

    JS array 数组详解 数组的声明方法 arrayObj = new Array(); 的数组 ,并且第一位是5 数组的运算(传地址) var t2=new Array(); t2[0]=1; t ...

  3. js课程 1-3 Javascript变量类型详解

    js课程 1-3  Javascript变量类型详解 一.总结 一句话总结:js对象点(属性方法),json对象冒号(属性方法).属性和方法区别只有一个括号. 1.json对象中的函数的使用? 函数名 ...

  4. JavaScript(2)---DOM详解

    JavaScript(2)---DOM详解 一.DOM概念 什么是DOM DOM全称为文本对象模型(Document Object Model),它定义了所有HTML元素的对象和属性,以及访问他们的方 ...

  5. 3.awk数组详解及企业实战案例

    awk数组详解及企业实战案例 3.打印数组: [root@nfs-server test]# awk 'BEGIN{array[1]="zhurui";array[2]=" ...

  6. 从mixin到new和prototype:Javascript原型机制详解

    从mixin到new和prototype:Javascript原型机制详解   这是一篇markdown格式的文章,更好的阅读体验请访问我的github,移动端请访问我的博客 继承是为了实现方法的复用 ...

  7. JavaScript严格模式详解

    转载自阮一峰的博客 Javascript 严格模式详解   作者: 阮一峰 一.概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict m ...

  8. [转]javascript console 函数详解 js开发调试的利器

    javascript console 函数详解 js开发调试的利器   分步阅读 Console 是用于显示 JS和 DOM 对象信息的单独窗口.并且向 JS 中注入1个 console 对象,使用该 ...

  9. javascript 节点属性详解

    javascript 节点属性详解 根据 DOM,html 文档中的每个成分都是一个节点 DOM 是这样规定的:整个文档是一个文档节点每个 html 标签是一个元素节点包含在于 html 元素中的文本 ...

随机推荐

  1. MySQL初始4--去重

    更新表中的字段: update 表名 set 字段=新值,… where 条件: UPDATE语法可以用新值更新原有表行中的各列.SET子句指示要修改哪些列和要给予哪些值.WHERE子句指定应更新哪些 ...

  2. POI 导入 一直报400问题

    排查过程:1.400一般都是参数或者请求不对,但是我这个情况是本地好用,只是服务器有问题,所以排除了传值的格式等问题. 2.服务器和本地网络隔离,所以没办法比较代码,分两次全量覆盖了html和js部分 ...

  3. Friends and Enemies(思维)

    Friends and Enemies Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Othe ...

  4. [转]网页ContentType详细列表

    本文转自:来老师的专栏   http://blog.csdn.net/sweetsoft/article/details/6512050 不同的ContentType 会影响客户端所看到的效果.默认的 ...

  5. Struts1之html标签

    Struts1的html标签主要是为了绘制HTML页面标签元素,通过与Struts1框架的集成,增强功能 首先,在使用前,需要引入tld文件 <%@ taglib prefix="ht ...

  6. Python数据分析(四)DataFrame, Series, ndarray, list, dict, tuple的相互转换

    转自:https://blog.csdn.net/lambsnow/article/details/78517340 import numpy as np import pandas as pd ## ...

  7. BZOJ5110 CodePlus2017Yazid 的新生舞会(线段树)

    考虑统计每个数字的贡献.设f[i]为前缀i中该数的出现次数,则要统计f[r]-f[l]>(r-l)/2的数对个数,也即2f[r]-r>2f[l]-l. 注意到所有数的f的总变化次数是线性的 ...

  8. innodb_force_recovery

    Warning Before using innodb_force_recovery ensure that you have a backup copy of your database in ca ...

  9. [hdu 3652]数位dp解决数的倍数问题

    原以为很好的理解了数位dp,结果遇到一个新的问题还是不会分析,真的是要多积累啊. 解决13的倍数,可以根据当前余数来推,所以把当前余数记为一个状态就可以了. #include<bits/stdc ...

  10. HDU1828 Picture 线段树+扫描线模板题

    Picture Time Limit: 6000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Sub ...