回想下自己的工作历程 一年多的ios开发眨眼间就过去了 不过这一切还没有结束,紧随其后的便是前段开发,虽然顶点基础都没有,但是还是通过我的不懈努力最终成功转型,虽然刚开始是通过jq直接入门的 但是回想起来好像自己也没有多学多少东西,今天,就是在今天我又重新翻开了javascript书,浏览了里面的各种方法,感觉自己要学习的还是很多很多的,那么今天我就首先从数组开始来讲解下我今天的收获,提起到数组,相信做过开发的是熟悉的不能再熟悉了,不过谈到里面的种种方法,相信像我一样的菜鸟加小白肯定是既熟悉又陌生的,那么下面就紧随我的步伐踏入数组的世界吧,来学习数组的博大精深.
1.数组的创建在这里我就不多说了,下面便是我学习的第一个知识点了如何检测一个对象是不是数组:
当然检测数组的方法不只有一种,下面我就给大家展示两种原生的方法,上代码:
/**
* @description 检测对象是不是数组(这个方法有弊端,不推荐使用,这种在多个全局执行环境情况下会出现问题,慎用)
* @param {检测对象}
* @return {[无返回值]}
*/
function checkArray(value){
if (value instanceof Array) {
alert(1111);
}
}
var check = [1,2,3];
checkArray(check);
/**
* @return {无返回值}
*/
function checkArray2(value){
if (Array.isArray(value)) {
alert(‘推荐方法‘);
}
}
checkArray2(check);
以上code便是检测数组的两种方法.
2.数组的栈方法(所谓栈方法也就是说,数组可以表现的像栈一样,后者是指可以限制插入项和删除项,栈是一种LIFO(后进先出)的数据结构,也就是最后添加的最早被移除,而栈中项的插入叫做推入,移除叫做弹出,push和pop方法是针对数组插入元素和移除元素的方法):
push():可以接受任意数量的参数,并返回修改后数组的长度;
pop():从数组末尾移除元素,减少数组长度,并返回移除的元素;
下面附上实例供大家参考:
var colors = [0,1,5,10,15];
alert(colors);
var returnNew = colors.push(‘a‘,‘b‘,‘c‘);
alert(returnNew);
var delnew = colors.pop();
alert(delnew);
以上就是数组的栈方法!
同时和pop()相反的方法是shift(),他可以从数组的最前边移除项并返回,并且可以利用shift()和push()方法模拟队列操作(先进先出);
3.数组的重排序:
说到数组的排序很多人肯定会首先想起来sort()和reverse()方法,但是殊不知sort()方法只是对字符串进行排序,不是那么的严谨而reverse()方法则是对数组进行颠倒操作,并没有实现排序,所以要想很好的完美的排序我们可以在sort()方法中传入排序函数实现,例子如下:
/**
* @description [比较函数]
* @param {比较大小}
* @param {比较大小}
* @return {比较结果}
*/
function compare(value1,value2){
if (value1>value2) {
return -1;
} else if(value1==value2){
return 0;
} else {
return 1;
}
}
var ary1 = [‘yellow‘,‘red‘,‘blue‘];
var ary2 = [‘1‘,‘2‘,‘3‘,‘4‘];
var arybig = ary1.concat(ary2, ‘black‘);//合并数组
var sliceary=arybig.slice(2,4);//分割数组,都不影响原数组,只是拷贝返回的是从开始位置到结束位置的所有元素
document.write(‘<br>‘+‘数组1:‘+ary1+‘<br>‘+‘数组2:‘+ary2+‘<br>‘+‘大数组:‘+arybig+‘分割数组:‘+sliceary+‘<br>‘);
4.splice()方法的使用,其方法可以删除元素,同时也可以向数组指定位置中插入元素,此方法算是功能最强大的方法之一了,下面举几个列子让大家看看,顺便说一句此方法不像上面的两个方法(concat和slice)splice是在修改原数组的基础上插入值得,该方法返回的是从数组中删除的值:
// /*
// 数组splice的使用
// */
var spliAry = [1,2,3,4,5,6,7,8];
var a = spliAry.splice(1, 3);//从下表为1的位置开始删除3个元素返回[2,3,4]
var b = spliAry.splice(1, 0,‘a‘,‘b‘,‘c‘);//添加三个元素;返回空数组
var c = spliAry.splice(1, 3,‘a‘,‘c‘,‘e‘);//删除并添加 返回[2,3,4]
document.write(spliAry+‘<br>‘+a+‘<br>‘+b+‘<br>‘+c+‘<br>‘);
5.数组的位置方法(indexof和lastindexof)
这两个方法都可以接受两个参数,第一个参数是必选的(查找项),第二个参数是可选的也就是查找的起始位置;两者唯一的不同就是查找顺序不同,前者是从数组开始查找,后者则是从数组末尾开始查找知道找到指定元素位置,如果未查到则返回-1,如果查到则返回该元素在数组中的位置
6.数组的迭代方法
1.every()对数组每一项运行指定函数,如果该函数每一项都返回true,则返回true;
2.filter()对数组每一项运行指定函数,返回返回true元素组成的数组;
3.forEach()对数组每一项运行给定函数,该方法没有返回值;
4.map()对数组每一项运行给定函数,该方法返回每次函数调用结果组成的数组;
5.some()对数组每一项运行给定函数,如果数组中任何一项满足条件返回true,则返回true;
以上方法都不会修改原数组中的值.下面分别举例说明:
var array = [1,4,6,2,7,3];
var everyitem = array.every(function(item,index,array){
return item>2;
})
document.write(everyitem);//输出false
var everyitem = array.some(function(item,index,array){
return item>2;
})
document.write(everyitem);//输出true
var everyitem = array.map(function(item,index,array){
return item*2;
})
document.write(everyitem);//输出[2,8,12,4,14,6]
var everyitem = array.filter(function(item,index,array){
return item>2;
})
document.write(everyitem);//输出[4,6,7,3]
7.数组的缩小方法reduce()和reduceRight(),两者唯一的区别就是一个从数组开始另一个是从数组结束,这两个方法都可以接受四个参数,第一个是数组的前一项,第二个是当前项,索引值和数组,所以说这两个方法的区别就是取决于从那头开始便利数组,下面附上简单code示例:
var array = [1,4,6,2,7,3];
var result = array.reduce(function(prev,cur,index,array){
return prev+cur;
})
document.write(result);//输出23 也就是1+4+6+2+7+3
var result = array.reduceRight(function(prev,cur,index,array){
return prev+cur;
})
document.write(result);//输出23 也就是3+7+2+6+4+1
输出结果都是23,只是相加顺序不同罢了,所以这就是两者唯一区别了,以上就是我今天对array的认识, 也算是掌握了新的只是,在这里我统统记录下来,希望可以让更多的友友看到,能够帮助更多的人,好了今天的学习与积累就到这里了,明天有时间还会继续,希望大家多多关照,有什么遗漏的还望指出或者给出建议,Bye!