2019-04-10

1. push 向数组的末尾添加一个或更多元素，并返回新的长度。

var arr = [1,2,3];

    console.log(arr.push(4));

    2.unshift 向数组的开头添加一个或更多元素，并返回新的长度。

var arr = [1, 2, 3];

  console.log(arr.unshift(4));

    3.pop 删除数组的最后一个元素并返回删除的元素。

var arr = [1,2,3,4];

console.log(arr.pop());

    4.shift 删除并返回数组的第一个元素(知道即可,用得很少)。

var arr = [1,2,3,4];

console.log(arr.shift());

    5. reverse 反转数组的元素顺序。

var arr = [1,2,3];

arr.reverse();

console.log(arr); // [3,2,1]

    6. find 返回符合传入测试（函数）条件的数组元素。

var arr = [

        { name: '邓紫棋', age: 20 },

        { name: '张碧晨', age: 30 },

        { name: '张靓颖', age: 25 },

        { name: '薛之谦', age: 28 }

    ]

    var person = arr.find(function(item) {

        return item.name === '薛之谦';

    })

    console.log(person);  // { name: "薛之谦", age: 28 }

    7.  findIndex 返回符合传入测试（函数）条件的数组元素索引。

var arr = [

        { name: '邓紫棋', age: 20 },

        { name: '张碧晨', age: 30 },

        { name: '张靓颖', age: 25 },

        { name: '薛之谦', age: 28 },

    ]

  var index = arr.findIndex(function(item) {

        return item.name === '张靓颖';

    })

    console.log(index); // 2

    8. slice 选取数组的的一部分，并返回一个新数组。

    var arr = [1,2,3,4,5];

var newArr1 = arr.slice(2);  // 从位置2(包含)开始截取到最后

console.log(newArr1); // [3,4,5]

var newArr2 = arr.slice(2,4); //  从位置2(包含)开始截取到位置4(不包含)

console.log(newArr2); // [3,4]

    9. splice 从数组中添加或删除元素。

    // 例1

var arr = [0,1,2,3,4,5];

arr.splice(2,1);  // 从下标为2的元素开始,删除一个元素

console.log(arr);  // [0,1,3,4,5];

// 例2

var arr = [0,1,2,3,4,5];

arr.splice(2,2);  // 从下标为2的元素开始,删除2个元素

console.log(arr);  // [0,1,4,5];

// 例3

var arr = [0,1,2,3,4,5];

arr.splice(2,0,'我是新成员');  // 在下标为2地方添加一个新成员

console.log(arr);  // [0, 1, "我是新成员", 2, 3, 4, 5]

// 例4

var arr = [0,1,2,3,4,5];

arr.splice(2,1,'我是新成员');  // 用新成员替换下标为2的成员

console.log(arr);  // [0, 1, "我是新成员", 3, 4, 5]

    10. join 把数组的所有元素放入一个字符串。

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

var str = arr.join('-');

console.log(str);  // "a-b-c"

var str2 = arr.join(',');

console.log(str2); // "a,b,c"

    11.forEach 迭代数组。

    var sum = 0;

var arr = [

    {name: '小王',age: 10},

    {name: '小李',age: 20},

    {name: '小林',age: 15},

    {name: '小明',age: 25}

]

// 计算这几个同学的总年龄

var sum = 0;

arr.forEach(item=> {

    sum += item.age;

})

console.log(sum);

    12.  map 通过指定函数处理数组的每个元素，并返回处理后的数组。

    var arr = [

    {

        name: '张三',

        age:28

    },

    {

        name: '李四',

        age:28

    },

    {

        name: '陈武',

        age:28

    }

    ];

        var newArr = arr.map(function(item){

        return {

            username: item.name,

            age: item.age+10

        };

    })

    console.log(newArr);

    13.  filter 检测数值元素，并返回符合条件所有元素的数组。

    var arr = [

    {name: '小王',age: 10},

    {name: '小李',age: 20},

    {name: '小林',age: 15},

    {name: '小明',age: 25}

];

// 找出年龄大于或等于20岁的同学

var newArr = arr.filter(function(item){

    return item.age >= 20;

});

console.log(newArr);  //  [{小明}, {小李}]

    14.  indexOf 搜索数组中的元素，并返回它所在的位置。

    var arr = ['a','b','c','d'];

var index = arr.indexOf('c');

console.log(index); // 2

var index2= arr.indexOf('f');

console.log(index2); // 找不到返回-1

    15. includes 判断一个数组是否包含一个指定的值

    var arr = ['a','b','c','d'];

var b1 = arr.includes ('c');

console.log(b1); // true

var b2 = arr.includes ('f');

console.log(b2); // false

    16. isArray 判断对象是否为数组。

   var obj = {

  a: 2

}

Array.isArray(obj); // false

var arr = [1,2,3];

Array.isArray(arr); // true

    16.sort 数组排序

var arr = [10,5,40,25,1000,1]

// 升序排列

arr.sort(function(a,b){

  return a-b;

})

console.log(arr); //  [1, 5, 10, 25, 40, 1000]

// 降序排列

arr.sort(function(a,b) {

    return b-a;

})

console.log(arr); // [1000, 40, 25, 10, 5, 1]

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