js 数组方法整理

1,join----------数组转换为字符串

var arr=[1,2,3];

arr.join("_");  //‘1_2_3"

2,reverse----数组逆序(数组被修改)

var arr=[1,2,3];

arr.reverse(); //[3,2,1]

arr;   //[3,2,1]

3,sort---------数组排序(数组被修改)

var arr=[13,25,43,3];

arr.sort(); //[13,25,3,43]

arr.sort(function(a,b){

return a-b;

}); //[3,13,25,43]

4,concat-----数组合并(数组不会被修改)

var arr=[1,2,3];

arr.concat(4,5);//[1,2,3,4,5]

arr;   //[1,2,3]

arr.concat([10,11],13); //[1,2,3,10,11,13] 数组别拉平

arr.concat([1,[2,3]]);    //[1,2,3,1,[2,3]] 数组不会被拉平两次

5,slice------数组切片(截断获取)(数组不会被修改)第一个变量是index,第二个变量是末尾index+1,即【a,b)。第二个为空为到末尾

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

arr.slice(1,3); //[2,3]

arr.slice(1);    //[2,3,4,5]

arr.slice(1,-1) //[2,3,4]     -1 为5 的index

arr.slice(-4,-3)//[2]

6,splice----数组胶接(截断去除)(数组被修改)第一个变量是index,第二个变量是长度,第二个为空为到末尾

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

arr.splice(2,2);  //[3,4]

arr;                   //[1,2,5]

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

arr.splice(2);    //[3,4,5]

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

arr.splice(1,1,‘a‘,‘b‘);  //替换

arr    //[1,‘a‘,‘b‘,3,4,5]

7,从这往下是es5只有ie9以上支持

7,forEach------数组遍历(数组不会被修改)

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

arr.forEach(function(x,index,a){

console.log(x + ‘|‘ + index+ ‘|‘ + (a === arr));

});

// 1|0|true

// 2|1|true

// 3|2|true

// 4|3|true

// 5|4|true

8,map--------数组映射(数组不会被修改)

arr.map(function(){

return x+10;

})

9,filter-------数组过滤(数组不会被修改)

arr.filter(x,index){

return index%3 === 0 || x>8;

})

10,every some---数组判断

11,reduce,reduceRight--数组两两处理

var arr= [1,2,3];

var sum =arr.reduce(function(x,y){

console.log(x+"|"+y)

return x+y;

},0)   //传入0 作为第一轮x  如果不传则直接是1|2

//0|1

//1|2

//3|3

sum;    //6

12,indexOf lastIndexOf --数组索引  第一个参数是要找的元素 第二个元素是搜索开始位置 lastIndexOf是从右往左找

var arr= [1,2,3,2,1];

arr.indexOf(‘2‘)     //1

arr.indexOf(‘99‘)  //-1

arr.indexOf(1,1)  //4

arr.indexOf(1,-3) //4

arr.indexOf(2,-1)//-1

arr.lastIndexOf(2,-2)//3

arr.lastIndexOf(2,-3)//1

13,字符串是类数组元素,没有join等方法

var str = ‘hello world‘

str.charAt(0) //‘h‘

str[1]            //‘e‘

Array.prototype.join.call(str,‘_‘); //‘h_e_l_l_o__w_o_r_l_d‘

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-10 09:33:22

js 数组方法整理的相关文章

php数组以及js数组方法整理

在js中数组非常经常用到,熟练掌握数组的方法能够大大的提高对自己的变成效率,最近解除php,学得非常皮毛,遇到一个问题,自己一直陷入foreach循环如何解决的死循环中.结果一直没能很好的解决,回来讨教了一下同学,更加觉得数组的一些方法很好用,所以有必要整理一下数组的一些方法,希望自己能牢记它们. 一,js数组的操作方法: 参照w3c内容:http://www.jb51.net/w3school/js/jsref_obj_array.htm 以及<javascript权威指南>和<jQu

js数组方法整理

整理了以下数组方法 join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() (ES5新增) forEach() (ES5新增) map() (ES5新增) filter() (ES5新增) every() (ES5新增) some() (ES5新增) 1.join() join,就是把数组转换成字符串,然后给他规定个连接字符,默认的是逗号

js数组学习整理

原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); //长度为3 var colors = new Array('red','blue');//初始化 其中,在声明数组的时候,去掉new操作符,也可以. 还有一种初始化数组的方式,使用数组字面量表示法 . 数组字面量由一对包含数组项的方括号表示,多个数组项之间用逗号隔开. var colors = [ '

JS数组方法汇总 array数组元素的添加和删除

js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[1] = "bbb"; arr[2] = "ccc"; //alert(arr.length);//3 arr.pop(); //alert(arr.length);//2 //alert(arr[arr.length-1]);//bbb arr.pop(); //al

JS数组方法汇总 array数组元素的添加和删除 - yuzhongwusan - 博客园

body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;

几个关于js数组方法reduce的经典片段

以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段,后续遇到其他使用这个函数的场景,将会陆续添加,这里作为备忘. javascript数组那么多方法,为什么我要单挑reduce方法,一个原因是我对这个方法掌握不够,不能够用到随心所欲.另一个方面,我也感觉到了这个方法的庞大魅力,在许多的场景中发挥着神奇的作用. 理解reduce函数 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. a

JavaScript数组方法整理

原文链接:https://www.cnblogs.com/zyfeng/p/10541133.html 整理了以下数组方法 join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() (ES5新增) forEach() (ES5新增) map() (ES5新增) filter() (ES5新增) every() (ES5新增) some()

js 数组方法总结

Array数组: length属性 可通过array.length增加或者减少数组的长度,如;array.length=4(数组长3,第四位为undefined),也可单纯获得长度.array[array.length]=''赋值. 检测数组 检测是否数组ES3  instanceof array  ES5新增的Array.isArray(),支持的IE9+,Opera 10.5+,Chrome,Safari5+. 一:原数组不变  [,start],表示0或1个参数 concat() 无参,返

js数组方法扩展

/** * Created by Administrator on 2016/9/1. */ //数组去重 Array.prototype.unique = function(){ this.sort(); var re=[this[0]]; for(var i = 1; i < this.length; i++){ if( this[i] !== re[re.length-1]){ re.push(this[i]); } } return re; } //扩展数组方法:查找指定元素的下标 Ar