zoukankan      html  css  js  c++  java
  • 数组的方法

    数组有length属性(取长度),toString()方法(转换为字符串),join()方法(用指定字符连接数组元素)
    其他还有:
    •栈方法 push( ) pop( )
    •队列方法 shift( ) unshift( )
    •排序方法 reverse( ) sort( )
    •操作方法 concat( ) slice( ) splice( )
    •位置方法 indexOf( ) lastIndexOf( )
    •迭代方法 every( ) filter( ) forEach( ) map( ) some( )
    •归并方法 reduce() reduceRight( )

    数组常用的几种方法

    push:向数组的末尾增加一项 返回值是数组的新长度
    unshift:向数组开头增加一项 返回值是数组的新长度
    pop:删除数组的末尾项 返回值是删除的数组项
    shift:删除数组开头项 返回被删除的开头项目
    splice:删除数组中的任意项 返回值是被删除的数组项
    slice:复制数组 返回值是复制到的新数组 写上数值之后 不包含被复制的最后一项

    拼接:
    concat:把一个数组和另一个数组拼接在一起 返回拼接好的数组 
    join:把数组中的每一项 按照指定的分隔符拼接成字符串

    排序:
    reverse:倒序数组 返回值倒序数组 原有数组改变
    sort:根据匿名函数进行冒泡排序 b-a倒序 a-b升序

    兼容性不好:
    indexOf:返回获取项在数组中的索引
    lastIndexOf:返回获取项在数组中出现的最后一次索引
    forEach: 循环遍历数组 参数是一个匿名函数 默认返回为undefined
    map:循环遍历数组 参数是一个匿名函数

    上代码:

    复制代码
    var ary = [1,2,3,4,5,6,7,8,9,0];
        var ary1=[1,5,7,4];
        var ary2=[2,3,4,5,7,3,4,5];
        var a=ary.splice(2,3,5);//删除数组中的任意项  可引申为push,unshift,pop,shift,slice最为常用
        var b=ary.splice(2,1);
        /*var a="test";
        var b=[123];            供forEach测试使用*/
        var c=ary.push(1);//在数组的末尾增加一项
        var d=ary.unshift(3);//在数组的开头增加一项
        var e=ary.pop();//在数组的末尾删除一项
        var f=ary.shift();//在数组的开头删除一项
        var g=ary.slice(2,5);//复制数组
        var h=ary.concat(ary1,ary2).concat(1,2,2,2,2,[456654]); //如果没有参数 或者参数为()空则为赋值数组
        var i=ary.join('+');//将数组中的每一项用指定的分隔符拼接成一个新的字符串
        var j=ary.reverse();//倒序排序  原有数组改变
        var k=ary1.sort(function(a,b){return b-a;});
        var l=ary2.indexOf(4);//返回获取项在数组中出现的索引
        var m=ary2.lastIndexOf(4);//返回获取项在数组中出现的最后一次索引
        var n=ary2.indexOf(9);//若获取项不存在则返回-1
        var o=ary.forEach(function(a,b){console.log(a,b)});
        var p=ary2.map(function(){});
    
        console.log(a);
        console.log(b);
        console.log(c);
        console.log(d);
        console.log(e);
        console.log(f);
        console.log(g);
        console.log(h);
        console.log(i);
        console.log(j);
        console.log(k);
        console.log(l);
        console.log(m);
        console.log(n);
    //    console.log(a,xb);
        console.log(o);
        console.log(ary);
        console.log(ary1);
    复制代码
    splice的拓展使用:
    模拟push ary.splice(ary.length,0,x)
    模拟pop ary.splice(ary.length-1,1)
    模拟unshift ary.splice(0,0,x)
    模拟shift ary.splice(0,1)
    splice(0) 从0开始删除到末尾==>全部删除的操作 ==>返回所有数组项 ==> 克隆数组

    数组中的一些常用方法总结

     

    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

    作用:删除数组的最后一项
    参数:无
    返回值:被删除的项
    是否改变原数组:改变
    var ary = ['1','2','3'];
    var res = ary.pop();
    console.log(ary);  // ['1','2']
    console.log(res);  // 3

    3. shift

    作用:删除数组的首项
    参数:无
    返回值:被删除的项
    是否改变原数组:改变
    var ary = ['a','b','c'];
    var res = 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的前边增加新的项,第三个参数开始都是用来填补删除的项目位置的

    var ary = [1,2,3,4,5];
    var res = 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项

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

    修改的功能
    ary.splice(n,m,x);
    从数组的索引n开始,删除m项,把x添加到索引n前边

    var ary = [1,2,3,4,5];
    var res = 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)
    返回值:返回一个新数组
    是否改变原数组:不改变
    var ary = [1,2,3,4,5];
    var res = ary.slice(1,3);
    var res2 = 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

    作用:用指定的分隔符将数组每一项拼接为字符串
    参数:指定的分隔符,如果省略该参数,则使用逗号作为分隔符
    返回值:拼接好的字符串
    是否改变原数组:不改变
    var ary = [1,2,3,4,5];
    var res = ary.join('-');
    console.log(ary);  // [1, 2, 3, 4, 5]
    console.log(res);  // 1-2-3-4-5

    8. concat

    作用:用于连接两个或多个数组
    参数:参数可以是具体的值,也可以是数组对象。可以是任意多个
    返回值:返回连接后的新数组
    是否改变原数组:不改变
    var ary = [1,2,3,4,5];
    var res = ary.concat(6,7);
    var res2 = ary.concat(6,[7,8]);
    var res3 = ary.concat(6,[7,[8,9]]);
    var res4 = 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

    作用:对数组的元素进行排序 
    参数:可选(函数) 规定排序规则 默认排序顺序为按字母升序
    返回值:排好序的原数组
    是否改变原数组:改变
    var ary = [1,5,7,9,12,24,56,87,92];
    var ary2 = [1,5,7,9,12,24,56,87,92];
    var ary3 = [1,5,7,9,12,24,56,87,92];
    var res = ary.sort();
    var res2 = ary2.sort(function(a,b){
        return a-b;
    })
    var res3 = ary3.sort(function(a,b){
        return b-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

    作用:倒序数组
    参数:无
    返回值:倒序后的原数组
    是否改变原数组:改变
    var ary = [1,2,3,4,5];
    var res = 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
    是否改变原数组: 不改变
    var ary = [1,2,3,4,5]
    var res = ary.indexOf(3);
    console.log(ary);  // [1,2,3,4,5]
    console.log(res);  // 2
    var ary = ['a','b','c','d','c'];
    var res = ary.indexOf('c',3);
    console.log(res) // 4

    12. lastIndexOf

    作用:查找指定元素最后出现的位置
    参数:array.indexOf(item,start) item:查找的元素 start:字符串中开始检索的位置
    返回值:返回查到的元素的索引,未找到返回-1
    是否改变原数组:不改变
    var ary = ['a','b','c','d','c'];
    var res = ary.lastIndexOf('c',3);
    var res2 = ary.lastIndexOf('c',1);
    console.log(res); // 2
    console.log(res2); // -1

    13. forEach

    作用:循环遍历数组每一项
    参数:函数 ary.forEach(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
    返回值:无
    是否改变原数组: 不改变
    var ary = ['a','b','c']
    var res = 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"]
    */  
        return item;
    })
    console.log(res)  // undefined  无返回值

    14. map

    作用:数组中的元素为原始数组元素调用函数处理后的值
    参数:函数 ary.map(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
    返回值:新数组
    是否改变原数组:不改变
    var ary = ['a','b','c']
    var res = ary.map(function(item,index,ary){
        return item+1;
    })
    console.log(res)  // ["a1", "b1", "c1"]

    15. filter

    作用:创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
    参数:函数 ary.filter(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
    返回值:新数组
    是否改变原数组:不改变
    var ary = [1,2,3,4,5,6]
    var res = ary.filter(function(item){
        return item<3;
    })
    console.log(res)  // [1,2]

    16. every

    作用:检测数组所有元素是否都符合指定条件
    参数:函数 ary.every(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
    返回值:布尔值
    是否改变原数组: 不改变
    var ary = [1,2,3,4,5,6]
    var res = ary.every(function(item){
        return item<3;
    })
    var res2 = ary.every(function(item){
        return item<7;
    })
    console.log(res)  // false;
    console.log(res2)  // true;
    1 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
    2 如果所有元素都满足条件,则返回 true。

    17. some

    作用:检测数组中的元素是否满足指定条件
    参数:函数 ary.some(function(item,index,ary){}) item:每一项 index:索引 ary:当前数组
    返回值:布尔值
    是否改变原数组:不改变
    var ary = [1,2,3,4,5,6]
    var res = ary.some(function(item){
        return item<3;
    })
    console.log(res)  // true;
    1 如果有一个元素满足条件,则表达式返回 true , 剩余的元素不会再执行检测。
    2 如果没有满足条件的元素,则返回 false。
  • 相关阅读:
    Bootstrap UI层收藏介绍
    你为什么离开上家公司?三大经典面试问题剖析
    浅谈常用的Web安全技术手段
    C#中yield关键字理解
    中小型研发团队架构实践三要点(转自原携程架构师张辉清)
    你确实应该学习并使用的 10 个 C# 特性
    ASP.NET MVC 异步Excel数据选择导出
    表格中控制tr的display:block在火狐中显示错乱的解决方法
    切图笔记
    表单验证jquery.validate
  • 原文地址:https://www.cnblogs.com/yang82/p/9006457.html
Copyright © 2011-2022 走看看