有关数组的常用方法

1. Array.forEach()

将数组中的每个元素执行传进提供的函数,没有返回值,不改变原来的数组。除非在执行函数时对数组进行了相应操作。
例如:

    var test = [1, 2, 3, 4]
    test.forEach(x => {console.log(x)}) // 依次输出1 2 3 4
    console.log(test) // [1, 2, 3, 4]
    var test = [1, 2, 3, 4]
    test.forEach((x,y) => {test[y] = 2})
    console.log(test) // [2, 2, 2, 2]

可以看出,如果forEach传参时只传了一个,则默认传的是value值。若穿了(x, y)这种形式,则默认是(value, key)形式。

2. Array.map()

该方法与forEach类似,区别在于将执行结果组成新的数组返回,没有改变原来的数组。与foeEach区别在于返回了一个新的数组。

    var test = [1, 2, 3, 4]
    test1 = test.map(x => x * 2);
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // [2, 4, 6, 8]

3. Array.filter()

将数组所有元素进行判断,把符合要求的元素组成新数组返回。

    var test = [1, 2, 3, 4]
    test1 = test.filter(x => x > 2);
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // [3, 4]

4. Array.some()

将所有元素进行判断,返回一个布尔值,如果其中有元素满足条件则返回true,若都不满足则返回false。

    var test = [1, 2, 3, 4]
    test1 = test.some(x => x > 3);
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // true

5. Array.every()

与Array.come()类似,区别在于其中所有元素都满足才返回true,只要有一个不满足就返回false。

    var test = [1, 2, 3, 4]
    test1 = test.every(x => x > 3);
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // false

6. Array.push()与Array.pop()

push是在数组后面添加新元素,返回最后一个添加的元素;
pop是删除最后一个元素,两者皆改变了原数组。

    var test = [1, 2, 3, 4]
    test1 = test.push(5, 6, 7);
    console.log(test) // [1, 2, 3, 4, 5, 6, 7]
    console.log(test1) // 7
    var test = [1, 2, 3, 4]
    test1 = test.pop();
    console.log(test) // [1, 2, 3]
    console.log(test1) // 4

7. Array.shift()与Array.unshift()

shift是删除数组第一个元素,并返回被删除的元素。
unshift是在数组头部添加相应的元素,并返回添加后数组的length。两者皆改变了原数组。

    var test = [1, 2, 3, 4]
    test1 = test.shift();
    console.log(test) // [2, 3, 4]
    console.log(test1) // 1
    var test = [1, 2, 3, 4]
    test1 = test.unshift(-1, 0);
    console.log(test) // [-1, 0, 1, 2, 3, 4]
    console.log(test1) // 6

8. Array.reduce()与Array.reduceRight()

reduce是将数组所有元素都调用返回函数,并返回最后结果,传入的值必须是函数类型。不改变原数组。

    var test = [1, 2, 3, 4]
    function add(a, b) {
        return a + b;
    }
    test1 = test.reduce(add)
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // 10

也可以写成:

    var test = [1, 2, 3, 4]
    test1 = test.reduce((a, b) => {return a+b})
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // 10

reduceRight遇之类似,区别是reduceRight是从右往左执行罢了。

9. Array.isArray()

判断对象是否是数组,返回布尔值。不改变原数组。

    var a = 1
    var test = [1, 2, 3, 4]
    console.log(Array.isArray(a)) // false
    console.log(Array.isArray(test)) // true

10. Array.concat()

将多个数组拼接成一个。返回拼接后的新数组,不改变原数组

    var test1 = [1, 2, 3, 4]
    var test2 = [5, 6]
    test3 = test1.concat(test2)
    console.log(test3) // [1, 2, 3, 4, 5, 6]
    console.log(test1) // [1, 2, 3, 4]
    console.log(test2) // [5, 6]

11. Array.toString()

将数组转化为字符串,返回字符串,不改变原数组

    var test = [1, 2, 3, 4]
    test1 = test.toString()
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // 1,2,3,4

12. Array.join()

与toString()类似,区别在于可以传入参数,表示每个元素之间的间隔。返回字符串,不改变原数组。

    var test = [1, 2, 3, 4]
    test1 = test.join('!')
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // 1!2!3!4

13. Array.splice()

很灵活的方法,具体使用方法为:Array.splice(num1, num2, arg1, arg2...)
num1为操作执行开始的位置,如0表示从array[0],即数组头部开始。
num2表示要删除的元素个数,从num1开始执行(包括num1)
arg1,arg2.....表示要添加的元素。
该方法返回删除的元素组成的数组,不会改变原数组。

    var test = [1, 2, 3, 4]
    test1 = test.splice(1, 2, 'haha!', 'wow!')
    console.log(test) // [1, 'haha', 'wow', 4]
    console.log(test1) // [2, 3]

14. Array.slice()

使用方法为Array.slice(start, end),表示从已有的数组中返回选定的元素。
返回选定元素组成的数组,该方法不改变原数组。
注意(start, end)这里被处理成[1, 2),即包括start,但不包括end。

    var test = [1, 2, 3, 4]
    test1 = test.slice(0, 1)
    console.log(test) // [1, 2, 3, 4]
    console.log(test1) // [1]

若只传入一个值,则表示从该值到数组末尾。

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

推荐阅读更多精彩内容