zoukankan      html  css  js  c++  java
  • JS 中常见数组API使用方法(join、concat、slice、splice、reverce)

    刚接触前端不久,个人觉得学习程序还是需要经常总结的。下面是我的一些知识的归纳总结,如果哪里说得不对的还请各位大神指点!

    1、to str
    (1)String(arr)将数组中的每个元素转为字符串并用逗号“ , ”连接。又称之为“拍照”。
    (2)arr.join(“连接符”);
    将数组中每个元素转为字符串,用自定义的连接符连接每个元素
    无缝拼接,若省略连接符和String等效,可批量生成页面元素
    固定套路:
    a,无缝拼接: var str = arr.join(“  ”);
    b,将数组中的元素拼接为页面的html代码。
    2、拼接和截取
    (1)拼接(既可以放单个数值也可以放数组)
    var newArr = arr.cancat(值1,值2,arr1,arr2,...);
    注意:生成新数组原数组保持不变
    优点:课打散数组类型的参数逐个拼接(apply也可以)
    缺点:只能拼接在开头或结尾
    (2)截取数组
    var SubArr=arr.slice(starti,endi+1);
    复制出arr中starti位置开始到endi位置结束的元素组成新数组返回(在字符串和数组中通用)
    强调:
    含头不含尾,结束位置+1
    支持负数参数,表示倒数第n个位置(执行的是length-n)
    若省略第二个参数,表示从starti开始截到末尾
    注意:concat和slice 都无法直接修改原数组,而是返回新数组,需要用变量接住。
    3、splice (删除、插入、替换)--直接修改原数组
    (1)删除
    arr.splice(starti,n);删除starti位置开始的n个元素
    (2)插入(不支持数组类型的参数)
    a、arr.splice(starti,0,值1,值2,...);
    b、在arr中的starti位置插入值1,值2,原来starti位置的值以及其后面的值自动向右移。
    c、不支持数组类型的参数,无法打散数组,只能单独传入
    (3)替换
    arr.splice(starti,n,值1,值2,...);
    先删除starti位置的n个元素,再在starti位置插入值1,值2.
    4、颠倒数组
    arr.reverse();
    只机械的将数据颠倒,不负责排序,直接修改原数组。
  • 相关阅读:
    jsp tag
    加密算法
    webpack4.x 使用
    vue部分知识点
    数据赋值处理
    Promise markdown版
    Promise-github版
    vuex简单介绍-官网
    vue-router-官网
    vue官方实例-分例-14-19
  • 原文地址:https://www.cnblogs.com/WoAiZmm/p/9247263.html
Copyright © 2011-2022 走看看