js 数组常用方法总结

原创 2016年05月31日 14:58:35

. 数组转字符串 join();

var colors= ["red","green","yellow"];
colors.join(",");   //red,green,yellow
colors.join("||")   //red||green||yellow

. 数组添加和取出值有栈方法:push(),pop() 和对列方法 shift(),unshift()

var colors = ["red","blue"];
colors.push("green");
console.log(colors)//["red", "blue", "green"]

var colors = ["red","blue"];
colors.unshift("green");
console.log(colors)  //["green", "red", "blue"]

var colors = ["red","blue"];
colors.pop()//"blue"

var colors = ["red","blue"];
colors.shift()
"red"

. 数组排序方法 reverse()//翻转 sort();
sort()默认按升序排列数组中,但是sort()会调用每一个数组项的 toString()方法然后确定如何排序,因此你未必会得到你想要的结果

var arr = [12,23,15,8,67,9];
arr.sort();  //[12, 15, 23, 67, 8, 9]

sort()方法可以接受一个方法作为参数,如果返回一个负数则第一个参数排在第二个参数前,如果返回一个整数则第一个参数排在第二个参数后。这样我们就能自己确定排序方式

var arr = [12,23,15,8,67,9];
arr.sort(function(a,b){return a-b});//[8, 9, 12, 15, 23, 67]

. 数组操作方法–concat():基于当前数组中的所有项返回一个新的数组,参数可以是一个或多个值,或一个或多个数组,或值与数组组合

var colors = ["red","blue"];
var newArr = colors.concat("yellow",["orange","green"]);
//["red", "blue", "yellow", "orange", "green"]

slice();截取当前数组返回新的数组,有两个参数,起始值和结束位置但不包括结束位置的项,若只有一个参数则返回从该位置到末尾的所有项。
若果起始位置大于结束位置则返回空数组

var colors = ["red", "blue", "yellow", "grey"];
colors.slice(1,4);//["blue", "yellow", "grey"]

splice(),很强大的一个数组方法,可以删除、插入和替换数组中的元素
删除:指定两个参数,要删除元素的起始位置和要删除的个数;
插入:第一个参数为起始位置,第二个为0(要删除的个数),之后一个或多个参数为要插入的元素;
替换:第二个参数为:1,其他参数同插入;
splice返回一个数组,包含的是被删除的项;

var test = [1,2,3,5,4];
test.splice(1,2);//返回值[2, 3]
console.log(test);//[1, 5, 4]

var test = [1,2,3,5,4];
test.splice(2,0,44,23);
console.log(test);// [1, 2, 44, 23, 3, 5, 4]

var test = [1,2,3,5,4];
test.splice(2,1,44,23);
console.log(test);//[1, 2, 44, 23, 5, 4]

相关文章推荐

js数组去重的三种常用方法总结

第一种是比较常规的方法 思路: 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比 3.若结果数组中没有该元素,则存到结果数...

js数组Array对象常用方法总结

本文对js的Array对象中的常用方法进行总结知识点一:Array对象中的方法添加: push() 向数组的末尾添加一个或更多元素,并返回新的长度。 unshift() 向数组的开头...

js数组常用方法总结

创建数组: 方式一:var arr = new Array(); var arr = new Array([size]); var arr = new Array(element0[,element1...
  • L_x_Ll
  • L_x_Ll
  • 2016年08月13日 22:19
  • 312

js数组去重的常用方法总结

第一种是比较常规的方法 思路: 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比 3.若结果数组中没有该元素,则存到结果数组中 代码如下: A...

js常用数组操作方法简明总结

//javascript 中的数组分割 var colors = ["red","green","blue"]; //alert(colors.toString()); alert(colors.jo...

js数组去重的几种常用方法总结

1、第一种是比较常规的方法 思路: (1)构建一个新的数组存放结果 (2)for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比 (3)若结果数组中没有该元素,则存到结果数组中A...
  • eff666
  • eff666
  • 2016年09月13日 08:52
  • 217

js数组常用的扩展方法 如取某个元素然后删除

js_extends.html --> //用于清空数组 Array.prototype.clear = function() { thi...
  • sdp1993
  • sdp1993
  • 2014年06月20日 17:41
  • 1007

js数组常用的方法

JS数组方法汇总 shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:...

js常用数组方法

ps:注意各方法返回的值及该方法是否改变原数组 concat() 数组连接 var a=[1,2,3,4]; var b=[5,6,7,8]; var c=a.concat(b); console....

js数组常用的方法例子-结果在下方

test_array.html --> //合并数组 var arr = new Array(3) arr[0] = "George" arr[...
  • sdp1993
  • sdp1993
  • 2014年06月20日 17:36
  • 390
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 数组常用方法总结
举报原因:
原因补充:

(最多只允许输入30个字)