js数组【续】(相关方法)
一、数组的栈，队列方法【调用这些方法原数组会发生改变】
var arr = [2,3,4,5,6];
1.栈 LIFO (Last-In-First-Out)
a、push() 可接受任意类型的参数，将它们逐个添加到数组的末尾。【返回数组的长度】
console.log(arr); //[2,3,4,5,6] console.log(+arr.push(7)); //返回添加数据后数组的长度：6 console.log(arr); //[2,3,4,5,6,7]
b、pop() 从数组的末尾移除最后一项，减少数组的length值。【返回移除的项】
console.log(arr.pop()); //取出栈顶元素并返回该栈顶元素值：7 console.log(arr); //[2,3,4,5,6]
2.队列 FIFO (First-In-First-Out)
a、shift() 移除数组中的第一个项，同时将数组的长度减一。【返回移除的项】
console.log(arr.shift()); //hello console.log(arr); //[2,3,4,5,6]
b、unshift() 在数组的前端添加任意个项。【返回数组的长度】
console.log(arr.unshift('hello')); //6
console.log(arr); //['hello',2,3,4,5,6]
二、数组的排序方法【reverse()方法、sort()方法】(原数组发生改变)
var arr = [23,56,12,43,6,23,26];
1、reverse()方法：【对数组项进行反转】
console.log(arr); //反转 翻转 reverse 改变原数组 console.log(arr.reverse()); console.log(arr);
2、sort()方法【数组排序,返回排序后的数组】
a、sort()不带参数默认为升序
console.log(arr.sort()); //按照字符串ASSIC码形式比较
b、sort()带指定排序函数
函数返回值：
正值：交换
负值：不交换
console.log(arr.sort(com)); console.log(arr); function com(a,b){ //return a-b; //升序 //负数a,b不发生交换 a b a<b 负值 不交换; a b a<b 升序排列 //正数数a,b不发生交换 a b a>b 正值 交换; b a b<a 升序排列 //return b-a; //降序 //升序 if(a<=b){ return -1; //负数不发生交换 }else{ return 1; //正数发生交换 }
拓展：【万能比较器】
var stu = [ { name:'zhangsan', age:14, }, { name:'lisi', age:20 } ]; stu.sort(compare('name','升序')); console.log(stu); stu.sort(compare('age','降序')); console.log(stu); //相关调用的比较函数 function compare(attr,rules){ return function(o1,o2){ if(rules === '升序'){ if(o1[attr] <= o2[attr]){ return -1; } return 1; }else{ if(o1[attr] >= o2[attr]){ return -1; } return 1; } } }
3、查找最高(最低)的数组值
a.使用sort()方法先进行排序，然后再在排好序的数组中取值
b.使用Math.max.apply()和Math.min.apply()方法
Math.max.apply(null,array); //获取array数组中的最大值 Math.min.apply(null,array); //获取array数组中的最小值
三、截取方法：
1、数组拼接：concat()方法 【不改变原数组】
先创建当前数组的一个副本，然后将接收到的参数添加到这个副本的末尾，返回副本数组。
eg:
var arr = [3,4,5,2,4]; var arr2 = [1,2,3,4,5]; var result = arr.concat(arr2); console.log(arr); //[3,4,5,2,4] console.log(result); //[3,4,5,2,4,1,2,3,4,5] var result2 = arr.concat('hello'); console.log(result2); //[3,4,5,2,4,'hello']
自身定义方法myConcat()来实现concat()
/* concat()方法 1.不改变原数组，创建副本数组 2.如果参数是数组，展开放入 3.如果是其他参数添加到末尾 4.返回副本 */ Array.prototype.myConcat = function(param){ //创建副本数组 var array = []; for(var i=0;i<this.length;i++){ array.push(this[i]); } //判断添加数据类型 if(Array.isArray(param)){ for(var j=0;j<param.length;j++){ array.push(param[j]); } }else{ array.push(param); } return array; }; var result = arr.myConcat('hello'); console.log(result); var result2 = arr.myConcat([7,8,9,10]); console.log(result2); console.log(arr);
2、数组切割：slice()方法 【不改变原数组】
slice(返回项的起始位置，结束位置);
一个参数：从该参数指定的位置开始，到当前数组末尾的所有项。
两个参数：起始到结束之间的项，但是不包含结束位置的项。
eg:
//参数是一个为从开始位置截取到末尾；参数是两个的，截取部分为开始位置到结束位置不包括结束位置的值 //返回截取部分的值,不改变原数组 var arr = [123,34,5,67,3,6,8]; var result = arr.slice(2); console.log(result); //[5,67,3,6,8] console.log(arr); //[123,34,5,67,3,6,8] var result2 = arr.slice(2,4); console.log(result2); //[5,67]
3、splice() 【改变原数组】
向数组的中部插入数据将始终返回一个数组，该数组中包含从原始数组中删除的项。
删除：指定一个参数(删除的开始的位置)【删除该参数索引及后面的所有元素】；指定两个参数(删除的起始位置，要删除的项数) 【返回删除的元素组成的数组】
插入：指定三个参数(起始位置，0，要插入的项任意数量的项)
替换：指定三个参数(起始位置，要删除的项数，要插入的任意数量的项)
eg:
//删除 var arr = [32,4,9,3,0]; var result = arr.splice(1,3); console.log(result); //[4,9,3] console.log(arr); //[32,0] //插入
var arr = [32,4,9,3,0]; arr.splice(1,0,'hello','sss'); console.log(arr); //[32,'hello','sss',4,9,3,0] //替换 //从索引位置为1的删除两项后在开始位置处再插入一些元素
var arr = [32,4,9,3,0]; arr.splice(1,2,1,2); console.log(arr); //[32,1,2,3,0]
四、索引方法
indexOf lastindexOf 返回索引或-1
var arr = [2,5,67,'2',3,2,45];
1、indexOf()
从数组开头向后查找，使用全等操作符，找不到该元素返回-1。
参数：第一个参数为要查找的项，第二个参数（可选）为索引开始位置
//参数：要查找的元素 开始查找的位置 console.log(arr.indexOf(2)); //0 console.log(arr.indexOf(2,1)); //5 console.log(arr.indexOf(22)); //-1
2、lastIndexOf()
从数组末尾向前查找，使用全等操作符，找不到该元素返回-1。
参数：第一个参数为要查找的项，第二个参数（可选）为索引开始位置
console.log(arr.lastIndexOf(2)); //5 console.log(arr.lastIndexOf(2,3)); //0
3.常用于判断数组中是否含有该元素
if(arr.indexOf(2) != -1){ }
五、迭代方法
参数： 每一项上运行的函数，运行该函数的作用域对象（可选）
1、every()
对数组中的每一运行给定的函数参数，如果该参数函数对每一项都返回true,则该函数返回true
eg:
var arr = [23,45,1,4,3,45,7]; var result = arr.every(function(item,index,arr){ console.log(this); //{} return item>20; },{}); console.log(result); //false
自己定义myEvery()方法来实现every()方法：
eg：
var arr = [23,45,1,4,3,45,7]; Array.prototype.myEvery = function(fun,funThis){ //var result; for(var i=0;i<this.length;i++){ var result = fun.call(funThis,this[i],i,this); if(!result){ //break; return result; } } return result; }; var result = arr.myEvery(function(item,index,arr){ console.log(this); //{} return item>20; },{}); console.log(result); //false
2、some(),3、filter(),4、map()使用的数组如下：
var stus = [
{
name:'zhangsan',
age:20
},{
name:'lisi',
age:13
},{
name:'wangwu',
age:12
}
];
2、some()
对数组中的每一运行给定的函数，如果该函数对任一项都返回true,则返回true
eg：
//判断是否有未成年人，有返回true，否则返回：false var result = stus.some(function(item,index,arr){ return item.age<18 }); console.log(result); //true
3、filter()
对数组中的每一运行给定的函数，会返回满足该函数的项组成的数组
eg：
//filter //过滤出来所有成年人 var result = stus.filter(function(item,index,arr){ return item.age>18; }); console.log(result); //查找所有未成年人的名字 //先过滤出所有未成年人再映射出符合条件人名字 var result = stus.filter(function(item,index,arr){ return item.age<18; }).map(function(item,index,arr){ return item.name; }); console.log(result);
4、map()
对数组中的每一元素运行给定的函数,返回每次函数调用的结果组成的数组
//map //查找处所有人的名字,返回数组 var result = stus.map(function(item,index,arr){ return item.name; }); console.log(result); var result = stus.map(function(item,index,arr){ return item.age*2; }); console.log(result);
5、forEach()
对数组中的每一元素运行给定的函数,没有返回值，常用来遍历元素
//数组的遍历 var arr = [{ name:'zhangsan' },{ name:'lisi' },{ name:'terry' }]; //向数组各元素对象中添加age属性 var ageInit = 10; arr.forEach(function(item,index,arr){ item.age = ageInit++; }); console.log(arr);
