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数组Array的全部方法汇总

//constructor属性 var arr = []; arr.constructor === Array //true //prototype属性 Array.prototype.max ...
  • kongjunchao159
  • kongjunchao159
  • 2017年03月22日 13:36
  • 1231

自己常见的一些JavaScript兼容总结

1、document.formName.item(“itemName”) 问题 说明:IE下,可以使用document.formName.item(“itemName”)或document.form...
  • u011263845
  • u011263845
  • 2015年04月20日 20:03
  • 7374

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

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

js与jquery常用数组方法总结

昨天被问数组方法的时候,问到sort()方法是否会改变原来的数组。本来我猜是不会,也是这么说,马上我又觉得,知识这种东西,不确定的时候直接说不确定或不知道就好,只是凭借着不确定的猜测或者是记忆,害人害...
  • kingrome2017
  • kingrome2017
  • 2017年12月29日 14:41
  • 50

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

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

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
  • 363

js中数组Array的一些常用方法总结

Array()是我们在js中常常写到的代码,今天就总结哈Array的对象具有哪些方法,感兴趣的朋友可以了解下 var list = new Array()是我们在js中常常写到的代码,今天就总结哈A...
  • jth_wl
  • jth_wl
  • 2017年10月15日 11:23
  • 50

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

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

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

本篇文章主要是对js数组去重的三种常用方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 第一种是比较常规的方法 思路: 1.构建一个新的数组存放结...
  • u010403387
  • u010403387
  • 2015年06月23日 20:57
  • 299

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

//javascript 中的数组分割 var colors = ["red","green","blue"]; //alert(colors.toString()); alert(colors.jo...
  • Inuyasha1121
  • Inuyasha1121
  • 2014年10月17日 10:17
  • 736
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 数组常用方法总结
举报原因:
原因补充:

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