五、数组API

一、数组的判断

arr instance Array;

Array.isArray(arr);

方法:

1. push

作用:像数组的末尾添加一项或多项元素

参数:要添加的项

返回值:新数组的长度

是否改变原数组:改变

var ary = ['a','b','c'];

var res = ary.push('d','e');

console.log(ary);  // ["a","b","c","d","e"]

console.log(res);  // 5

2. pop

作用:删除数组的最后一项

参数:无

返回值:被删除的项

是否改变原数组:改变

varary = ['1','2','3'];varres = ary.pop();console.log(ary);// ['1','2']console.log(res);// 3

3. shift

作用:删除数组的首项

参数:无

返回值:被删除的项

是否改变原数组:改变

varary = ['a','b','c'];varres = ary.shift();console.log(ary);// ['b','c']console.log(res);// a

4. unshift

作用:向数组的开头添加一或多项

参数:要添加的项,多项用','隔开

返回值:新数组的长度

是否改变原数组:改变

var ary = ['a','b','c'];

var res = ary.unshift('d','e');

console.log(ary);  // ["d","e","a","b","c"]

console.log(res);  // 5

5. splice

作用:增删改

参数:ary.splice(index,howmany,item1,.....,itemX)

返回值:删除的项

是否改变原数组:改变

增加的功能

ary.splice(n,0,x,......,y);

从数组的索引n开始,删除0项,在索引n的前边增加新的项,第三个参数开始都是用来填补删除的项目位置的

varary = [1,2,3,4,5];varres = ary.splice(1,0,6,7);console.log(ary);// [1, 6, 7, 2, 3, 4, 5]console.log(res);// [] 删除0项,返回一个空数组

删除的功能

ary.splice(n,m);

从数组的索引n开始,删除m项

varary = [1,2,3,4,5];varres = ary.splice(1,2);console.log(ary);// [1,4,5]console.log(res);// [2,3]

修改的功能

ary.splice(n,m,x);

从数组的索引n开始,删除m项,把x添加到索引n前边

varary = [1,2,3,4,5];varres = ary.splice(1,2,6,7);console.log(ary);// [1, 6, 7, 4, 5]console.log(res);// [2,3]

//模拟push(尾部添加)  和push二者返回值不同

ary.splice(ary.length,0,新的项) //因为splice是在索引前添加,所以第一个参数为ary.length//模拟pop(尾部删除)

ary.splice(arr.length-1,1);

//模拟shift(首项删除)

ary.splice(0,1)

//模拟unshift(首项添加) 和unshilft二者返回值不同

ary.splice(0,0,新的项)

此外

ary.splice(n)// 表示从索引n开始删除到末尾ary.splice(0)// 删除整个数组 有克隆数组的效果,利用返回值

6. slice

作用:截取数组(复制数组)

参数:array.slice(start, end)

返回值:返回一个新数组

是否改变原数组:不改变

varary = [1,2,3,4,5];varres = ary.slice(1,3);varres2 = ary.slice(-3,-1)console.log(ary);// [1,2,3,4,5]console.log(res);// [2,3]console.log(res2)//[3,4] slice支持负参数,从最后一项开始算起,-1为最后一项,-2为倒数第二项slice(n)//从索引n开始复制到最后一项slice()、 slice(0)//复制整个数组

7. join

作用:用指定的分隔符将数组每一项拼接为字符串

参数:指定的分隔符,如果省略该参数,则使用逗号作为分隔符

返回值:拼接好的字符串

是否改变原数组:不改变

varary = [1,2,3,4,5];varres = ary.join('-');console.log(ary);// [1, 2, 3, 4, 5]console.log(res);// 1-2-3-4-5

8. concat

作用:用于连接两个或多个数组

参数:参数可以是具体的值,也可以是数组对象。可以是任意多个

返回值:返回连接后的新数组

是否改变原数组:不改变

varary = [1,2,3,4,5];varres = ary.concat(6,7);varres2 = ary.concat(6,[7,8]);varres3 = ary.concat(6,[7,[8,9]]);varres4 = ary.concat();console.log(ary);// [1, 2, 3, 4, 5]console.log(res);// [1, 2, 3, 4, 5, 6, 7]console.log(res2);//[1, 2, 3, 4, 5, 6, 7, 8]console.log(res3)// [1, 2, 3, 4, 5, 6, 7, [8,9]]  concat() 如果操作的参数是数组,那么添加的是数组中的元素,而不是数组。 如果是二维(或以上)数组,concat只能'拆开'一层数组console.log(res4)// [1, 2, 3, 4, 5]  如果concat()没有参数或者参数是空数组也可以达到克隆数组的目的

9. sort

作用:对数组的元素进行排序

参数:可选(函数) 规定排序规则 默认排序顺序为按字母升序

返回值:排好序的原数组

是否改变原数组:改变

varary = [1,5,7,9,12,24,56,87,92];varary2 = [1,5,7,9,12,24,56,87,92];varary3 = [1,5,7,9,12,24,56,87,92];varres = ary.sort();varres2 = ary2.sort(function(a,b){returna-b;

})varres3 = ary3.sort(function(a,b){returnb-a;

})// sort的参数函数总的形参a,b就是数组排序时候的相邻比较的两项console.log(res);// [1, 12, 24, 5, 56, 7, 87, 9, 92]console.log(res2);// [1, 5, 7, 9, 12, 24, 56, 87, 92]console.log(res3);// [92, 87, 56, 24, 12, 9, 7, 5, 1]

10. reverse

作用:倒序数组

参数:无

返回值:倒序后的原数组

是否改变原数组:改变

varary = [1,2,3,4,5];varres = ary.reverse();console.log(ary);// [5, 4, 3, 2, 1]console.log(res);// [5, 4, 3, 2, 1]

11. indexOf

作用:查找指定元素的位置

参数:array.indexOf(item,start) item:查找的元素 start:字符串中开始检索的位置

返回值:返回第一次查到的索引,未找到返回-1

是否改变原数组: 不改变

varary = [1,2,3,4,5]varres = ary.indexOf(3);console.log(ary);// [1,2,3,4,5]console.log(res);// 2varary = ['a','b','c','d','c'];varres = ary.indexOf('c',3);console.log(res)// 4

12. lastIndexOf

作用:查找指定元素最后出现的位置

参数:array.indexOf(item,start) item:查找的元素 start:字符串中开始检索的位置

返回值:返回查到的元素的索引,未找到返回-1

是否改变原数组:不改变

varary = ['a','b','c','d','c'];varres = ary.lastIndexOf('c',3);varres2 = ary.lastIndexOf('c',1);console.log(res);// 2console.log(res2);// -1

13. forEach

作用:循环遍历数组每一项

参数:函数 ary.forEach(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组

返回值:无

是否改变原数组: 不改变

varary = ['a','b','c']varres = ary.forEach(function(item,index,ary){console.log(item,index,ary);/*  a 0 ["a", "b", "c"]

b 1 ["a", "b", "c"]

c 2 ["a", "b", "c"]

*/returnitem;

})console.log(res)// undefined  无返回值

14. map

作用:数组中的元素为原始数组元素调用函数处理后的值

参数:函数 ary.map(function(item,index,ary){})item:每一项index:索引 ary:当前数组

返回值:新数组

是否改变原数组:不改变

varary = ['a','b','c']varres = ary.map(function(item,index,ary){returnitem+1;

})console.log(res)// ["a1", "b1", "c1"]

15. filter

作用:创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

参数:函数 ary.filter(function(item,index,ary){})item:每一项index:索引 ary:当前数组

返回值:新数组

是否改变原数组:不改变

varary = [1,2,3,4,5,6]varres = ary.filter(function(item){returnitem<3;

})console.log(res)// [1,2]

16. every

作用:检测数组所有元素是否都符合指定条件

参数:函数 ary.every(function(item,index,ary){})item:每一项index:索引 ary:当前数组

返回值:布尔值

是否改变原数组: 不改变

varary = [1,2,3,4,5,6]varres = ary.every(function(item){returnitem<3;

})varres2 = ary.every(function(item){returnitem<7;

})console.log(res)// false;console.log(res2)// true;1 如果数组中检测到有一个元素不满足,则整个表达式返回false,且剩余的元素不会再进行检测。

2 如果所有元素都满足条件,则返回true。

17. some

作用:检测数组中的元素是否满足指定条件

参数:函数 ary.some(function(item,index,ary){})item:每一项index:索引 ary:当前数组

返回值:布尔值

是否改变原数组:不改变

varary = [1,2,3,4,5,6]varres = ary.some(function(item){returnitem<3;

})console.log(res)// true;1 如果有一个元素满足条件,则表达式返回true, 剩余的元素不会再执行检测。

2 如果没有满足条件的元素,则返回false。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,671评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,442评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,524评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,623评论 1 275
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,642评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,584评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,953评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,621评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,865评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,608评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,698评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,378评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,958评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,940评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,173评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,419评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,425评论 2 342

推荐阅读更多精彩内容