美文网首页
【小白笔记】js 数组操作

【小白笔记】js 数组操作

作者: 活叁黄辉冯 | 来源:发表于2017-06-27 21:36 被阅读0次

一、concat():连接两个或更多数组

var arr1 = new Array("1","2","3");

var arr2 = new Array("4","5","6");

console.log(arr1.concat(arr2)); //输出结果:["1", "2", "3", "4", "5", "6"]


二、pop():删除并返回数组最后一个元素

var arr = new Array("1","2","3");

console.log(arr.pop()); //输出结果:3


三、shift():删除并返回数组第一个元素

var arr = new Array("1","2","3");

console.log(arr.shift()); //输出结果:1


四、push():在数组最后添加一个或多个元素

var arr = new Array("1","2","3");

console.log(arr.push("4","5","6")); //输出结果:6

注:返回值为新数组长度


五、unshift():在数组开头添加一个或多个元素

var arr = new Array("1","2","3");

console.log(arr.unshift("4","5","6")); //输出结果:6

注:返回值为新数组长度


六、splice():删除并添加新元素

splice("添加元素的位置","从添加位置开始删除元素的个数【0为不删除】","要添加的元素【不填时相当于只删除元素】")

var arr = new Array("1","2","3");

console.log(arr.splice(1,1,4)); //输出结果:2

console.log(arr.splice(1,2)); //输出结果:2,3

注:返回值为删除的元素


七、reverse():数组按下标倒叙排列

var arr = new Array("1","0","3");

console.log(arr.reverse()); //输出结果:["3", "0", "1"]


八、sort():数组元素排序

var arr1 = new Array(1,0,3);

var arr2 = new Array("1","0","3");

var arr3 = new Array("a","c","b");

var arr4 = new Array("Z","z","a");

var arr5 = new Array("Z","a",2);

console.log(arr1.sort()); //输出结果:[0, 1, 3]

console.log(arr2.sort()); //输出结果:["0", "1", "3"]

console.log(arr3.sort()); //输出结果:["a", "b", "c"]

console.log(arr4.sort()); //输出结果:["Z", "a", "z"]

console.log(arr5.sort()); //输出结果:[2, "Z", "a"]


八、slice():返回数组中指定元素

slice("起始位置[为负值时反向开始,如-1代表最后一个元素]","结束位置[不填时为从起始位置截取到最后]")

var arr = new Array("1","2","3","4","5","6");

console.log(arr.slice(2,5)); //输出结果:["3", "4", "5"]

注:截取时不包括最后一位


九、join():数组转成字符串并用制定字符连接

var arr = new Array("a","b","c");

console.log(arr.join()); //输出结果:a,b,c

console.log(arr.join("+")); //输出结果:a+b+c


十、toString():数组转字符串

var arr = new Array("a","b","c");

console.log(arr.toString()); //输出结果:a,b,c


不常用:

1、valueof():返回 数组 对象的原始值

2、toSource():代表对象的源代码

3、toLocalString():转换为本地数组,并返回结果

相关文章

  • 【小白笔记】js 数组操作

    一、concat():连接两个或更多数组 var arr1 = new Array("1","2","3"); v...

  • JavaScript笔记

    JavaScript笔记js的数据类型(6种)js的==和===字符串的操作数组的操作Math对象的操作JSON操...

  • JS 数组 array 操作性能优化笔记

    本篇笔记主要记录 JS array 操作的性能优化 push() 用数组长度 arr[arr.length] = ...

  • js笔记

    js数组 删除某个元素 js数组是否含有某个元素 判断value为undefined cookie操作

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • JS jsonArray操作

    JS jsonArray操作 js对数组对象的操作以及方法的使用 如何声明创建一个数组对象:var arr = n...

  • JS对象 & JSON & JS数组操作

    JS对象 & JSON & JS数组操作 JSON 格式(JavaScript Object Notation 的...

  • js对象数组操作 数组操作

    var numbers = [1, 2, 3];var newNumbers1 = numbers.map(fun...

  • JS数组操作

    splice 用于一次性解决数组添加、删除(这两种方法一结合就可以达到替换效果),方法有三个参数 开始索引 删除元...

  • JS数组操作

    1.栈方法 push()和pop() 后入先出 push():末尾追加 pop():末尾弹出 2.队列方法 先入先...

网友评论

      本文标题:【小白笔记】js 数组操作

      本文链接:https://www.haomeiwen.com/subject/yhaecxtx.html