美文网首页
前端JavaScript中array数组的基础相关方法-合并拆分

前端JavaScript中array数组的基础相关方法-合并拆分

作者: 波_0903 | 来源:发表于2020-09-28 08:01 被阅读0次

    一、join

    使用join连接成字符串

    join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

    操作:将原数组的元素组合成一个字符串输出,以某个分隔符作为连接,若是参数缺省,则分隔符默认为‘,’。

    返回值:将原数组以参数为分隔符组合输出为字符串,该字符串为返回值。

    let arr = [1, 2,3];
    console.log(arr.join('-')); //1-2-3 使用join可以指定转换的连接方式
    

    二、split

    split 方法用于将字符串分割成数组,类似join方法的反函数

    arrayObject.splice(index,howmany,item1,.....,itemX):删除(或者添加)从index开始的howmany个元素,用itemx来对删除的元素进行替换。

    操作:index(包含index)决定操作起始位置,删除或者是添加,当howmany为0则不是删除,则从index开始依次添加itemx。

    返回值:若是howmany不为0,则执行删除操作,splice函数返回值是删除的元素组成的数组。若是howmany为0,则返回值是空数组。

    let price = "99,78,68";
    console.log(price.split(",")); //["99", "78", "68"]
    

    三、concat

    concat方法用于连接两个或多个数组,元素是值类型的是复制操作,如果是引用类型还是指向同一对象

    将参数数组作为参数添加到调用数组中,添加的不是参数数组而是参数数组的元素,顺序添加。

    操作:不会改变原数组,会在原数组的副本中添加参数数组,并将添加后的原数组副本作为返回值。

    返回值:添加参数数组元素之后原数组副本作为返回值。

    let array = ["a", "b"];
    let hd = [1, 2];
    let cms = [3, 4];
    console.log(array.concat(hd, cms)); //["a", "b", 1, 2, 3, 4]
    

    也可以使用扩展语法实现连接

    console.log([...array, ...hd, ...cms]);
    

    四、copyWithin

    使用 copyWithin 从数组中复制一部分到同数组中的另外位置。

    语法说明

    array.copyWithin(target, start, end)
    

    参数说明

    参数 描述
    target 必需。复制到指定目标索引位置。
    start 可选。元素复制的起始位置。
    end 可选。停止复制的索引位置 (默认为 array.length)。如果为负值,表示倒数。

    const arr = [1, 2, 3, 4];
    console.log(arr.copyWithin(2, 0, 2)); //[1, 2, 1, 2]
    

    本文参考连接:
    1.https://houdunren.gitee.io/note/js/4%20%E6%95%B0%E7%BB%84%E7%B1%BB%E5%9E%8B.html#join

    1. https://www.cnblogs.com/yu-tang/p/12112421.html

    相关文章

      网友评论

          本文标题:前端JavaScript中array数组的基础相关方法-合并拆分

          本文链接:https://www.haomeiwen.com/subject/hjnruktx.html