首先,在开始前我们先了解一下什么是数组。

1、什么是数组?

  数组就是一组数据的集合,其表现形式就是内存中的一段连续的内存地址,数组名称其实就是连续内存地址的首地址。说白了它就是将一堆数据按照一定的顺序将他们连续存放在一个空间中。

2、数组的特点

  数组定义时无需指定数据类型,数组定义时可以无需指定数组长度,数组可以存储不同数据类型的数据(String,Number等等)

3、创建数组的语法

  var arr=[值1,值2,值3];                       //隐式创建

  var arr=new Array(值1,值2,值3);      //直接实例化一个数组

  var array=new Array(size);              //创建数组并指定长度

 //方法一:隐式创建
var arr = [1,2,3];
document.write(arr[2]+"<br />");
 //方法二:实例化数组
var arr2 = new Array(2,4,6,8,10);
document.write(arr2[3] + '<br>');
 //方法三:创建数组并指定长度
var arr3 = new Array(3);//固定数组长度为3
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
document.write(arr3[2] + '<br>');

4、数组的长度(length)

  Array.length

  在javascript中,每个数组都可用调用length属性,它用来表示数组的长度。

 var arr = [1,2,3];
//这里的arr[2]表示,在arr数组中寻找下标为2的值,输出3,因为下标从0开始
document.write(arr[2]+"<br />");

5、数组中的文本下标

  语法:

 var arr = [1,2,3];
arr['hxw']='侯晓伟';
arr['chr']='程海睿';
document.write(arr.length+"<br />"); //这里输出的结果会是3,而不5
document.write(arr.hxw +"<br/>")   //通过arr.它的属性来获取它的值
document.write(arr.chr +"<br/>")

  注意:这里文本下标的值并不计算在数组的长度以内。

6、Array对象的方法

  (1)、concat():连接两个或更多的数组,并返回结果。简单来说,就是将多个数组的元素相连接在一起,该方法不会改变现有的数组,只是返回一被连接数组的一个副本。

       /*数组合并方法一:将两个或多个数组合并*/
var arr = new Array();
arr[0] = "胖子"
arr[1] = "静静"
arr[2] = "晓伟"
arr[3] = "邢坤" var arr2 = new Array();
arr2[0] = "晓楠"
arr2[1] = "晓龙"
arr2[2] = "萍"
arr2[3] = "王晔" document.write(arr.concat(arr2));
        //数组合并方法二:将新元素合并在原有的数组中
var i = [1,2,3,4,5,6]
document.write(i.concat(99,88)+"<br />");

  

  (2)、join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

       //将数组中的值转换成字符串
       var arr = new Array(3)
       arr[0] = "George"
       arr[1] = "John"
       arr[2] = "Thomas"
       document.write(arr.join())
      //使用.分隔符分隔数组中的元素
      var arr = new Array(3)
      arr[0] = "George"
      arr[1] = "John"
      arr[2] = "Thomas"       document.write(arr.join("."))

  (3)、pop():删除并返回数组的最后一个元素。删除数组的最后一个元素,把数组长度减 1,并且返回它删除的元素的值。如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值。

       /*删除数组末尾参数方法  pop()*/
document.write("pop()删除数组末尾参数,数组长度减1"+"<br />")
var i = [1,2,3,4,5,1231]
document.write(i.length+"<br />"); //此时数组长度为6
document.write(i.pop()+"<br />"); //删除并显示数组末尾的值,同时数组长度减1
document.write(i.length+"<br /><br /><br />")//此时数组长度为5

  (4)、push():向数组的末尾添加一个或更多元素,并返回新的长度。

      //通过push()方法向末尾添加一条数据,数组长度加1
document.write("push()向末尾添加一条数据,数组长度加1"+"<br />")
var i = [1,2,3,4,5,1231]
document.write(i.length+"<br />");
document.write(i.push(12,31)+"<br />"); //向末尾添加一个元素,不显示添加的值,但返回数组长度
document.write(i+"<br /><br /><br />");

  (5)、reverse():颠倒数组中元素的顺序。

       //reverse()方法用来将数组中的值反向输出
document.write("reverse()反向输出数组值")
var i = [1,2,3,4,5,1231]
document.write(i.reverse()+"<br /><br /><br />");

  (6)、shift:删除并返回数组的第一个元素。如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。

       /*shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。它会改变数组长度*/
document.write("shift()方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。"+"<br />");
var i = [1,2,3,4,5,1231]
document.write(i.shift()+"<br /><br /><br />");

  (7)、slice():从某个已有的数组返回选定的元素,该方法并不会修改数组,而是返回一个子数组。下面做一个小例子:

        /*slice方法
* slice(start,end) start规定从何处开始,end表示何处结束,但是不包括end该元素
* 用来在已知的数组中返回选中的元素,该方法不会改变原有的数组,而是返回一个子数组,
* 同时可以写入负值,从末尾取值
* */
var i = [1,2,3,4,5,1231]
document.write(i.slice(2,4)+"<br /><br /><br />"); //返回结果为3,4

  (8)、sort():对数组的元素进行排序。

    如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。

       var i = [11,1,311,4,5]
var j = ["e","g","q","a","b","d"]
function sortNumber(a,b){
return a-b;
}
document.write(j.sort()+"<br />"); //默认按照字符串的ASCIII码表排序
document.write(i.sort(sortNumber)+"<br /><br /><br />"); //数值型比较大小需要给它写一个排序函数,

  (9)、splice():删除元素,并向数组添加新元素。向/从数组中添加/删除项目,然后返回被删除的项目。该方法会改变原始数组。下面我们做一个小例子:

         var i = [11,1,311,4,5];
document.write(i+"<br />"); //显示i中的所有元素
document.write(i.splice(0,3)+"<br />"); //此时显示它已经删除的元素
document.write(i+"<br /><br /><br /><br />"); //显示它删除后i中所剩的元素

  (10)、toSource():返回该对象的源代码。只有 Gecko 核心的浏览器(比如 Firefox)支持该方法,也就是说 IE、Safari、Chrome、Opera 等浏览器均不支持该方法。

      function employee(name,job,born){
        this.name=name;
        this.job=job;
        this.born=born;
      }
      var bill=new employee("Bill Gates","Engineer",1985);       document.write(bill.toSource());

  (11)、toString() :方法可把数组转换为字符串,并返回结果。返回值与没有参数的 join() 方法返回的字符串相同。

      var arr = new Array(3)
      arr[0] = "比克大魔王"
      arr[1] = "克林"
      arr[2] = "沙鲁"       document.write(arr.toString())

  

  (12)、toLocaleString():把数组转换为本地字符串。

      var arr = new Array(3)
      arr[0] = "比克大魔王"
      arr[1] = "克林"
      arr[2] = "沙鲁"       document.write(arr.toString())

  (13)、unshift():向数组的开头添加一个或更多元素,并返回新的长度。unshift() 方法将把它的参数插入数组的头部,并将已经存在的元素顺次地移到较高的下标处,以便留出空间。该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。

     下面我们做一个小例子:

      var arr = new Array()
      arr[0] = "比克大魔王"
      arr[1] = "孙悟饭"
      arr[2] = "沙鲁"       document.write(arr + "<br />")
      //在这里使用unshift()方法添加一个新的英雄布玛
      document.write(arr.unshift("布玛") + "<br />")
      document.write(arr)

  (14)、valueOf:返回数组对象的原始值。该原始值由 Array 对象派生的所有对象继承。valueOf() 方法通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。

      

      以上就是个人在数组中的总结,希望对大家有帮助~

JS中数组的常用方法的更多相关文章

  1. JavaScript中数组操作常用方法

    JavaScript中数组操作常用方法 1.检测数组 1)检测对象是否为数组,使用instanceof 操作符 if(value instanceof Array) { //对数组执行某些操作 } 2 ...

  2. js中数组去重的几种方法

    js中数组去重的几种方法         1.遍历数组,一一比较,比较到相同的就删除后面的                 function unique(arr){                 ...

  3. JavaScript -- 时光流逝(二):js中数组的方法

    JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> ...

  4. php和js中数组的总结

      php中数组的表示方法:array()或者[] js中数组的表示方法:new array()或者[] 一.php中初始化命名数组 在PHP中声明数组的方式主要有两种:一是应用array()函数声明 ...

  5. JS中数组的介绍

    一.数组: 一组数据的集合: 二.JS中数组的特点: 1.数组定义时无需指定数据类型: 2.数组定义时可以无需指定数组长度: 3.数组可以存储任何类型的数据: 4.一般是相同的数据类型: 三.数组的创 ...

  6. js中数组增删查改unshift、push、pop、shift、slice、indexOf、concat、join

    js中数组增删查改unshift.push.pop.shift.slice.indexOf.concat.join

  7. js中数组如何使用

    js中数组如何使用 一.总结 一句话总结:new Array()和[]两种方法都可以创建数组. 二.js中创建数组,并往数组里添加元素 数组的创建 var arrayObj = new Array() ...

  8. js中数组方法大全

    js数组方法大全 一:前言 我们在学到js中数组的时候,我们会接触到js中数组的一些方法,这些方法对我们来说,可以很遍历的达到我们想要的结果,但是因为方法比较多,有些方法也不常用,可能会过一段时间就会 ...

  9. js中数组去重方法及性能对比

    js中数组的 数组去重 常用的数组去重方法以及效率分析: 首先我们先构建一个数组,主要是用于进行去重实验,我们主要实验的量级为1000,10000,100000,500000.具体的生成数组的方法如下 ...

随机推荐

  1. window10上登录Oracle时提示ORA-12546:Permission denied

    在64位的Windows 10上安装了Oracle 10.2.0.4的64位版,遇到不少问题. 虽然可能现在安装这个版本越来越少,还是分享出来,希望能帮助到一些人. 1.安装的过程遇到的问题 在普通用 ...

  2. 什么是BIG?如何买BIG?

    谈到BIG,就要谈到BIG ONE.BigONE号称"全民交易所",也称"云币国际站".是 INBlockchian(硬币资本)旗下全球区块链资产现货交易所,是 ...

  3. Windows AD域升级方

    前面的博客中我谈到了网络的基本概念和网络参考模型,今天我们来谈企业中常用的技术,Windows AD 域,今天我的笔记将重点讲解Windows AD 域的升级和迁移方法,通过3个小实验进行配置,真实环 ...

  4. MySQL在并发场景下的问题及解决思路

    目录 1.背景 2.表锁导致的慢查询的问题 3.线上修改表结构有哪些风险? 4.一个死锁问题的分析 5.锁等待问题的分析 6.小结 1.背景 对于数据库系统来说在多用户并发条件下提高并发性的同时又要保 ...

  5. 《精通Linux C编程》1.3Linux系统的常用命令-笔记

    [toc] 1.3.1了解Shell Linux常用命令的运行环境就是Shell,它是一种命令解析器,在用户和操作系统之间提供了一个交互接口. 用户在命令行输入命令,然后Shell对该命令进行解析并将 ...

  6. 五分钟学习React(二):我的第一个Hello World

    我的第一个React应用 接着我们上一期所讲的内容,通过create-react-app脚手架创建的应用,它是基于ES6的语法生成的.我们清空src目录下的文件,并分别创建index.js和index ...

  7. codechef [snackdown2017 Onsite Final] Minimax

    传送门 题目描述 考虑一个 N 行 N 列的网格,行列编号均为 1 ∼ N.每个格子中包含一个整数.记 ri 为第 i 行的最小值,Ci 为第 i 列的最大值.我们称一个网格为好的,当且仅当满足:$$ ...

  8. LibreOJ β Round #2 E. 数论只会 GCD

    传送门 题解 题解里面说得很清楚了. 大约就是单独考虑每个数的贡献,然后看一下每个序列里有多少区间是没有这个数的,乘起来就好了. 为了处理修改我们需要每个值建一棵线段树来搞,但是窝zz了,写了线段树套 ...

  9. BZOJ 3680: 吊打XXX【模拟退火算法裸题学习,爬山算法学习】

    3680: 吊打XXX Time Limit: 10 Sec  Memory Limit: 128 MBSec  Special JudgeSubmit: 3192  Solved: 1198[Sub ...

  10. [bzoj1819] [JSOI]Word Query电子字典

    正解是trie树...在树上跳来跳去什么的 然而在企鹅qq那题的影响下我写了hash... 添加一个字母到一个串,就相当于另一个串删对应位置上的字母. 改变某个位置上的字母,就相当于两个字符串删掉同一 ...