1.Array.push()

此方法是在数组的后面添加新加元素,此方法改变了数组的长度:

var aa=[1,2,3];

var bb=aa.push(4,5);

console.log(bb)   // 5 返回的是数组的长度

console.log(aa)  // [1, 2, 3, 4, 5]  原数组被改变了,后面添加了新加入的值

2.Array.pop()

此方法在数组后面删除最后一个元素,并返回数组,此方法改变了数组的长度:

var aa=[1,2,3];

var bb=aa.pop();

console.log(aa)   //[1, 2]  原数组被改变了,最后的值被删除了

3.Array.shift()

此方法在数组后面删除第一个元素,并返回数组,此方法改变了数组的长度:

var aa=[1,2,3];

var bb=aa.shift();

console.log(aa)  //[2, 3]  原数组被改变了,第一个值被删除了

4Array.unshift()

此方法是将一个或多个元素添加到数组的开头,并返回新数组的长度,此方法改变了数组的长度:

var aa=[1,2,3];

var bb=aa.unshift(4,5);

console.log(aa)  //[4, 5, 1, 2, 3]  原数组被改变了,新的元素添加在了数组的开头

5.Array.isArray()

判断一个对象是不是数组,返回的是布尔值

var aa=[1,2,3];
Array.isArray(aa);  // true

6.Array.concat()

concat() 方法用于连接两个或多个数组。

该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

var aa=[1,2,3];

var bb=aa.concat(4,5);

console.log(aa)    // [1, 2, 3]

console.log(bb)   // [1, 2, 3, 4, 5]

7.Array.toString()

此方法将数组转化为字符串:

var aa=[1,2,3];

var bb=aa.toString();

console.log(aa)  // [1, 2, 3]  原数组不变

console.log(bb)  // 1,2,3   返回一个字符串

8.Array.join()

此方法也是将数组转化为字符串:

join() 方法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目,那么将返回该项目而不使用分隔符。

var aa=[1,2,3];

console.log(aa.join("+"))   // 1+2+3  可以添加连接符或不加

9.Array.splice(开始位置, 删除的个数,元素)

可以实现增删改:

let arr = [1, 2, 3, 4, 5];

let arr1 = arr.splice(2, 0 'haha')
let arr2 = arr.splice(2, 3)
let arr1 = arr.splice(2, 1 'haha')
console.log(arr1)    // [1, 2, 'haha', 3, 4, 5]新增一个元素
console.log(arr2)   // [1, 2] 删除三个元素
console.log(arr3)   // [1, 2, 'haha', 4, 5] 替换一个元素

10.Array.sort()

对数组的元素进行排序,原数组被改变

var arry=[6,5,3,8,2]

console.log(arry.sort())  //  [2, 3, 5, 6, 8]

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

  1. js中数组常用方法总结

    操作数组 印象中数组有很多方法,系统的整理一下,放在自己家里方便回头查~ Array.map() 此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组 1 2 ...

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

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

  3. javascript中数组常用方法总结

    原文:javascript中数组常用方法总结 在javascript的基础编程中,数组是我们最常遇到的,那么数组的一些常用方法也是我们必须要掌握的,下面我们总结一下数组中常用的方法. toString ...

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

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

  5. php和js中数组的总结

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

  6. JS中数组的介绍

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

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

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

  8. js中数组如何使用

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

  9. js中数组方法大全

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

随机推荐

  1. 用saltapi远程操作tomcat启停时,输出日志乱码再解决

    以前解决过一次,是定义LC_ALL为指定编码.但这种思路不完全,因为机器各各不同,系统编码本身不一致(标准化之路漫长啊) 故而在其它一些系统的部署时,用上一次的方案,反而会有错误产生. 于是,按洪军找 ...

  2. [bzoj2002][Hnoi2010]Bounce弹飞绵羊_LCT

    Bounce弹飞绵羊 bzoj-2002 Hnoi-2010 题目大意:n个格子,每一个格子有一个弹簧,第i个格子会将经过的绵羊往后弹k[i]个,达到i+k[i].如果i+k[i]不存在,就表示这只绵 ...

  3. [bzoj5118]Fib数列2_费马小定理_矩阵乘法

    Fib数列2 bzoj-5118 题目大意:求Fib($2^n$). 注释:$1\le n\le 10^{15}$. 想法:开始一看觉得一定是道神题,多好的题面啊?结果...妈的,模数是质数,费马小定 ...

  4. [bzoj1614][Usaco2007Jan]Telephone Lines 架设电话线_二分答案_最短路

    Telephone Lines bzoj-1614 Usaco-2007Jan 题目大意:给你一个n个点m条边的带边权无向图,求最短路.可以选取k条边免费. 注释:$1\le n\le 10^3$,$ ...

  5. 寻找不到iframe元素

    一直找不到元素,是因为有两层iframe的 找iFrame元素方法如下 1.iFrame有ID 或者 name的情况//进入id="frame1"的frame中,定位id=&quo ...

  6. 开源前夕先给大家赞赏一下我用C语言开发的云贴吧 站点自己主动兼容-移动、手机、PC自己主动兼容云贴吧

    开源前夕先给大家赞赏一下我用C语言开发的移动.手机.PC自己主动兼容云贴吧 - 涨知识属马超懒散,属虎太倔强.十二生肖全了!-转自云寻觅贴吧 转: 涨知识属马超懒散,属虎太倔强.十二生肖全了! -转自 ...

  7. 使用getopt命令解析shell脚本的命令行选项 【转】

    本文转载自:http://yejinxin.github.io/parse-shell-options-with-getopt-command 在之前的一篇文章中,介绍了如何利用shell内置的get ...

  8. php study80端口被占用

    php study80端口被占用 在网上找了各种办法,说是用命令查看占用端口的软件,将其停止,我发现我的端口是被system进程占用,而且这进程还结束不了. 1.打开PHPstudy,如图:打开端口常 ...

  9. [HTML5] 新标签解释及用法

    转自:http://www.cnblogs.com/yuzhongwusan/archive/2011/11/17/2252208.html HTML 5 是一个新的网络标准,目标在于取代现有的 HT ...

  10. [JXOI 2018] 游戏 解题报告 (组合数+埃氏筛)

    interlinkage: https://www.luogu.org/problemnew/show/P4562 description: solution: 注意到$l=1$的时候,$t(p)$就 ...