javascript给我们很多常用的 数组方法,极大方便了我们做程序。下面我们来介绍下常用的集中数组方法。 比如 concat() join() push() pop() unshift() shift() reverse() slice() sort() splice() 等。

1、

concat()方法 数组和数组的 粘结:

var a=[1,2,3,4];

var b=[5,6,7,8];

var c=a.concat(b);

console.log(c); // [1,2,3,4,5,6,7,8]

2、

join()方法  改变数组中拼接的符号:

var a=[1,2,"字符串",false,undefied,null];

a.join("++");  //   [1++2++字符串++false++++];

3、

push()方法 在数组的最后一项后追加数值。 //返回数组的长度

var a=[1,2,3]

a.push(9);  //返回数组的长度 4,改变了原数组

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

向a数组中 push入 一个数组,push的数组会变为 a的子数组,a的长度+1

4、

pop() 删除数组的最后一项。 //返回被删除的值,改变了原数组

var a=[1,2,3,4];

a.pop()   // 返回删除值 4

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

5、

unshift() 在数组的第0项前 插入值,原数组的值索引向后移  //返回数组的长度,插入的值为数组,变为 子数组。 改变原数组

var a=[1,2,3];

a.unshift("wo");  //返回数组的长度 4

console.log(a);  //["wo",1,2,3]

var b=[9,8,7];

a.unshift(b);  //返回数组的长度 5;

console.log(a)  //[ [9,8,7] ,"wo",1,2,3]

6、

shift() 删除数组的第0项,原数组的值 索引向前的移动。 //返回被删除的值 改变原数组

var a=[1,2,3];

a.shift()  //返回被删除的值 1;

console.log(a)  //[2,3]

7、

reverse()  数组的值翻转。 //返回 翻转后的 数组 ,原数组改变

var a=[1,2,3];

a.reverse()  //[3,2,1]

8、

slice(index,[end]) end可选   赋值索引从index开始到 end-1 结束 为一个新数组,原数组不变。

var a=[1,2,3,4,5];

a.slice(2,4) //返回 [3,4]

a.slice(0) //[1,2,3,4,5]

a.slice(3) //[4,5]

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

9、

sort()  按照 ASCII表排序  返回排序后新数组  原数组改变

var a=[1,2,3,12,13];

a.sort()  //返回 [1,12,13,2,3]

如果按照正常逻辑排序 :

a.sort(function(a,b){

return a-b;

})    //[1,2,3,12,13]

10、

splice(index,num,ele1,ele2...) 很强大的一个方法。index指 从index删除(包括index对应的值) num指 删除的个数, ele1,ele2...代表插入的值  //返回删除的值 

原数组改变

var a=[1,2,3,4,5];

a.splice(1,2,"我是","插入的值")   //返回 删除的值 2,3

console.log(a)  //  [1,"我是","插入的值",4,5]

11、

shift

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

语法

arrayObject.shift()

返回值

数组原来的第一个元素的值。

说明

如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

提示和注释

注释:该方法会改变数组的长度。

提示:要删除并返回数组的最后一个元素,请使用 pop() 方法。

js中常用数组方法concat join push pop slice splice shift的更多相关文章

  1. js中常用的方法(数组篇)

    1.replace(),根据释义,即为代替,用法为: stringObject.replace(regexp/substr,replacement)括号内前者是待匹配字符串,并用后者代替这个字符串.例 ...

  2. js中的数组方法

    数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些: join()push()和pop()shift() 和 unshift()so ...

  3. JavaScript数组方法--concat、push

    利用了两天的时间,使用typescript和原生js重构了一下JavaScript中数组对象的主要方法,可以移步github查看. 这里,按照MDN上的文档顺序,再重新学习一下数组方法吧. conca ...

  4. javascript中常用数组方法详细讲解

    javascript中数组常用方法总结 1.join()方法: Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串.也可以指定可选的字符串在生成的字符串中来分隔 ...

  5. 【笔记】JS中的数组方法

    push()方法:可以向数组的末尾添加一个或者多个元素,并且返回新的长度   pop()方法:可以删除数组最后一个元素,并且返回被删除的元素,注意:如果数组是空的,该方法不进行任何操作,返回undef ...

  6. js 中常用的方法

    1..call() 将.call()点之前的属性或方法,继承给括号中的对象. 2.(function(){xxx})() 解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数, ...

  7. Js中常用的字符串,数组,函数扩展

    由于最近辞职在家,自己的时间相对多一点.所以就根据prototytpeJS的API,结合自己正在看的司徒大神的<javascript框架设计>,整理了下Js中常用一些字符串,数组,函数扩展 ...

  8. js中常用的对象—Array的属性和方法

    今天说一下,js中常用的内置对象——Array对象 Array常用属性: length prototype :给系统对象添加属性和方法 Array常用方法: Array.prototype.sum = ...

  9. js中的数组和字符串的一些方法

    数组的一些方法: 1.join()和split()方法 <script type="text/javascript">var x;var a=new Array();a ...

随机推荐

  1. 《安全参考》HACKCTO-201312-12

    小编的话 “忽如一夜春风来,千树万树梨花开.” 小伙伴们,不要只为了“千树万树的梨花”而惊喜,陶醉! 与此同时,您最爱的整合型信息安全技术期刊<安全参考>第12期也如约而至啦! 这一期&l ...

  2. mysql 修改字段长度

    mysql 修改字段长度 alter table news  modify column title varchar(130); alter table 表名 modify column 字段名 类型 ...

  3. 【深入比较ThreadLocal模式与synchronized关键字】

    [深入比较ThreadLocal模式与synchronized关键字]ThreadLocal模式与synchronized关键字都是用于处理多线程并发访问变量的问题.只是两者处理问题的角度和思路不同. ...

  4. 怎样使android的view动画循环弹动

    在res中建立文件夹anim,分别写下cycles.xml,shake1.xml,shake2.xml cycles.xml: <?xml version="1.0" enc ...

  5. 最大子列和CT 01-复杂度2 Maximum Subsequence Sum

    Given a sequence of K integers { N​1​​, N​2​​, ..., N​K​​ }. A continuous subsequence is defined to ...

  6. MVC中Model,不仅仅只是数据的传递者

    在Model使用的时候很多人回向以前写三层架构一样使用它,将Model作为数据的传递者. 比如常见的写法 public int Id { get; set; } public int RoleId { ...

  7. Python学习教程(learning Python)--2.3.5 Python返回多个值问题

    本节主要学习Python的函数是如何同时返回多个值的问题. 在学习Python的时候惊奇的发现,Python的函数可以同时返回多个值,很有意思. #define function sum def su ...

  8. 时隔一年,window.scroll

    function scrollToTop() { return function(btn, input) { var flag = false; var timer; function autoScr ...

  9. throw和throws

    uncheckException的处理 class User{ private int age; public void setAge(int age){ if(age < 0){ //生成异常 ...

  10. [转]判断程序是否运行在 Windows x64 系统下

    以下功能代码判断是否运行在 Windows x64 下.本例使用 Windows API 函数 IsWow64Process,具体请参考MSDN文档:http://msdn.microsoft.com ...