数组方法

push,unshift(当前数组改变,返回值为添加完数组的长度)

        var arr = [1,2,3]
        var arr1 = arr.push(4)
        console.log('arr',arr)//[1,2,3,4]
        console.log('arr1',arr1) // 4
        var arr = [1,2,3]
        var arr1 = arr.unshift(0)
        console.log('arr',arr)//[0,1,2,3]
        console.log('arr1',arr1) // 4

pop,shift(当前数组改变,返回值为被删除元素)

        var arr = [1,2,3]
        var arr1 = arr.pop()
        console.log('arr',arr)//[1,2]
        console.log('arr1',arr1) // 3
        var arr = [1,2,3]
        var arr1 = arr.shift()
        console.log('arr',arr)//[2,3]
        console.log('arr1',arr1) // 1

splice(i,n)(当前数组改变,返回值为被删除元素)

删除从下标i开始的n个元素

        var arr = [1,2,3,4,5]
        var arr1 = arr.splice(1,2)
        console.log('arr',arr)//[1,4,5]
        console.log('arr1',arr1) // [2,3]

concat(原数组不变,返回新数组)

    var arr = [1,2,3,4,5]
    var arr1  = [9,0]
    arr2 = arr.concat(arr1)
    console.log('arr',arr)// [1,2,3,4,5]
    console.log('arr1',arr1) //[9,0]
    console.log('arr2',arr2)//[1,2,3,4,5,9,0]

sort(原数组和新数组都改变,且按照字符编码,第一个数字排序)

    var arr = [1,20,30,104,105]
    var arr1 = arr.sort()
    console.log('arr',arr) // [1, 104, 105, 20, 30]
    console.log('arr1',arr1)//[1, 104, 105, 20, 30]

reverse(原数组和新数组都改变)

   var arr = [1,20,30,104,105]
    var arr1 = arr.reverse()
    console.log('arr',arr) // [105, 104, 30, 20, 1]
    console.log('arr1',arr1) // [105, 104, 30, 20, 1]

slice(start,end) (原数组不变,返回截取出来的数组)

(删除从下标start到end的元素)
var arr = [1,2,3,4,5]
var arr1 = arr.slice(2,3)
console.log('arr',arr)// [1,2,3,4,5]
console.log('arr1',arr1)//[3]

map(原数组不变,新数组为计算后的数组)

      var arr = [1,2,3,4,5]
        var arr1 = arr.map(a => {
           return a+1
        }
      )
        console.log('arr',arr) //[1,2,3,4,5]
        console.log('arr1',arr1)//[2,3,4,5,6]

filter(原数组不变,新数组为计算后的数组)

        var arr = [1,2,3,4,5]
        var arr1 = arr.filter(a => {
           return a>2
        })
        console.log('arr',arr) //[1,2,3,4,5]
        console.log('arr1',arr1) //[3,4,5]

forEach(原数组不变,没有返回值)

        var arr = [1,2,3,4,5]
        var arr1 = arr.forEach((a,i) => {
           a = 0
        })
        console.log('arr',arr) //[1,2,3,4,5]
        console.log('arr1',arr1) //undefined

forEach(item, index, arr),三个参数,如果直接用item=xxx是无法改变原数组的,但是如果用arr[index]就可以改变原数组。

var s = [1,2,3,4];
s.forEach(item=>{
   item = 'a'
});
console.log(s);// ["1", "2", "3", "4"] 未改变原数组


s.forEach((item, index, arr)=>{
   arr[index] = 'b'
});
console.log(s);// ["b", "b", "b", "b"] 改变了原数组

数组里面的子元素是对象,那么是可以改变对应属性的

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

推荐阅读更多精彩内容

  • 创建数组的方法 通过字面量创建let arr = [1,2,4] 通过类创建let arr = new Array...
    0_one阅读 318评论 0 0
  • push() 可以接受一个或者多个参数,将参数追加到数组的尾部,返回添加后的数组的长度,原数组会发生改变。 pop...
    a91afcace9ee阅读 254评论 0 0
  • 记录这些,因为有一个需求,是保持某一个tab页,在固定的位置,比如最前面打开。关掉之后,再打开还是保持在最前面,用...
    努力的80岁阅读 548评论 0 4
  • 上一篇:数组去重的封装 自我感觉js数组方法主要分两个类型可变数组自身和不可改变数组自身和遍历的方法 下边会依次介...
    追马的时间种草阅读 411评论 1 3
  • 日积跬步,以至千里 数组的方法繁多,很多方法在实际的开发中很常用,在日常敲代码时,也进行了一些总结 1.Array...
    一只章鱼哥阅读 305评论 0 1