• js 常用数组 api


      一,什么是api?

    翻译过来就是应用程序编程接口:js中预定义好的一些方法或者函数;

    二,常用的几种数组api:

    1. .toString();  将数组转为字符串,各个元素之间按照逗号分隔    

    var test=['a','b','c'];
    console.log(test.toString()); // 1,2,3

    但是两种不同类型的的对象,也不是同一种

    var test=['a','b','c'];
    console.log(test.toString()); // 1,2,3
    var x=2;
    x.toString();
    console.log(test.toString()===x.toString());

    2.按照指定字符分割

    var test=['a','b','c'];
    console.log(test.join('-'));//a-b-c

    .join('-')   括号中参数为改变的字符串

    3.拼接多个数组   

    var arr1=['何旭刚','温浩伟','吴磊'];
    var arr2=['然哥','来杰'];
    var arr3=['黄国缘','徐坤','金娅'];
    console.log(arr1.concat(arr2,arr3));
    //[ '何旭刚', '温浩伟', '吴磊', '然哥', '来杰', '黄国缘', '徐坤', '金娅' ]

    .concat(arr,arr );

    4.截取数组中的元素

    var arr=['林佳','朱茗轩','何旭刚','温浩伟','吴磊','徐嘉鑫','朱龙','潘哥'];
    
    console.log(arr.slice(2));
    console.log(arr.slice(2,6));
    console.log(arr.slice(-3,-1));
    //[ '何旭刚', '温浩伟', '吴磊', '徐嘉鑫', '朱龙', '潘哥' ]
    //[ '何旭刚', '温浩伟', '吴磊', '徐嘉鑫' ]
    //[ '徐嘉鑫', '朱龙' ]

    slice(start,end);

    当end为空时,则默认为到数组结尾

    当end为6时,数组的初始值时0开始的,所以到第六为的前一位;

    当为负数时,从末尾开始计算。

    5.翻转数组

    var arr=['a','b','c','d'];
    console.log(arr.reverse());

    reverse(); 

    上述代码输出结果、、d c b a

    6.排序

    var arr=[23,9,78,6,45];
    console.log(arr.sort(
    function(a,b){
        return a-b ; //从小打到排序
        //return b-a  //从大到小排序
    };));

    arr.sort(function(){
    a-b  
    })); 

    7.删除数组元素

    var arr=['何旭刚','李思伟','金娅','徐坤','徐佳鑫','然哥','汪洋','李月','刘德华'];
    //console.log(arr.splice(1));
    //console.log(arr.splice(1,2));
    console.log(arr.splice(-3,0));

    splice(start,count,val1,val2) 

    start为开始的下标,count为删除的数量   

    count为空 会一直删除到最后 start为赋值,表示为倒数,

    val1,val2表示删除后替换的元素;返回删除的元素,原数组会发生变化。

    //练习:创建数组包含a~h,每个字母是一个元素,删除cd,替换f为m,在下标为1的位置插入z
    var arr=['a','b','c','d','e','f','g','h'];
    console.log( arr.splice(2,2) );
    console.log( arr.splice(-3,1,'m') );
    console.log( arr.splice(1,0,'z') );
    console.log(arr);

    8.往数组末尾添加元素 删除数组末尾的一个元素

    var arr=['a','b','c'];
    console.log(arr.push('d','e'));  //返回的为数组的长度
    console.log(arr.pop());           //返回的为删除的数值

    在添加 或者删除的时候 原数组会发生变化

    9.在数组开头添加 元素     删除数组开头的元素

    var arr=['a','b','c'];
    //console.log(arr.push('d','e'));  //返回的为数组的长度
    //console.log(arr.pop());           //返回的为删除的数值
    console.log(arr.unshift('d','e'));//返回的为数组的长度
    console.log(arr.shift());          //返回的为删除的数值

    在添加 或者删除的时候 原数组会发生变化。

                    

  • 相关阅读:
    聊一聊所谓的B端C化
    NetCore3.1IIS其他网站出现HTTP503无法访问解决办法
    技术方案模板 fn
    技术方案模板
    composer的常用操作(composer 2.2.1)
    thinkphp6: 用validate验证参数合法性(thinkphp 6.0.9/php 8.0.14)
    thinkphp6: 从6.0.9升级(php 8.0.14)到 6.0.10lts版本(php 8.1.1)
    thinkphp6: 自定义配置文件(php 8.1.1 / thinkphp v6.0.10LTS)
    linux(ubuntu21.10):为chrome安装jsonvue(chrome 96)
    thinkphp6:mysql数据库使用事务(php 8.1.1 / thinkphp v6.0.10LTS)
  • 原文地址:https://www.cnblogs.com/klwblogs/p/13121600.html
Copyright © 2020-2023  润新知