zoukankan      html  css  js  c++  java
  • javaScript常用集锦

    substring和substr的区别

    ar a="abcdefghiklmnopqrstuvwxyz";
    var b=a.substr(3,5); //defgh
    var c=a.substring(3,5); //de
    

    注意最后5下标是不会取到的意思是只能截取a字符串的3,4下标
    截取的时候是不会截取到最后一个[3,5)

    相同点:如果只是写一个参数,两者的作用都一样:都是是截取字符串从当前下标以后直到字符串最后的字符串片段。

    var str = '123456789';
    console.log(str.substr(2));    //  "3456789"
    console.log(str.substring(2)) ;//  "3456789"
    

    不同点:第二个参数
    substr(startIndex,lenth): 第二个参数是截取字符串的长度(从起始点截取某个长度的字符串);
    substring(startIndex, endIndex): 第二个参数是截取字符串最终的下标 (截取2个位置之间的字符串,‘含头不含尾’)

    console.log("123456789".substr(2,5));    //  "34567"
    console.log("123456789".substring(2,5)) ;//  "345"
    

    slice()

    slice() 方法可从已有的数组中返回选定的元素。
    arrayObject.slice(start,end) 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

    start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
    end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
    请注意,该方法并不会修改数组,而是返回一个子数组

    splice()

    splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。
    arrayObject.splice(index,howmany,item1,.....,itemX)

    参数 描述
    index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
    howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
    item1, ..., itemX 可选。向数组添加的新项目。

    splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。
    如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。该方法会改变原始数组

    indexOf()和lastIndexOf()方法

    这两个方法都是用来查找目标项在数组中的位置,并在没找到目标数的情况下返回-1
    indexOf(num)

    • 作用:从数组开头向后开始查找目标数所在的位置,然后返回它的索引值。
    • 未查找到返回-1

    indexOf(num1,num2)

    • 作用:在数组里面从num2往后开始查找num1,并返回num1在数组里正常的位置
    • 未查找到返回-1

    lastIndexOf(num)

    • 作用:从数组后面开始往前查找第一次出现的目标数,并且返回它正常的索引值
    • 未找到返回-1
  • 相关阅读:
    利用Windows消息循环,使窗体不能改变大小
    重磅发布全总结丨一文看懂阿里云弹性计算年度峰会
    阿里云弹性计算首席架构师分享云上应用架构演进三大方向
    只需5步!在轻量应用服务器部署Hexo博客
    阿里云手机正式公测,定义手机全新接入方式
    云服务器ECS年终特惠,老用户新购优惠低至4折
    阿里云发布CloudOps白皮书,ECS自动化运维套件新升级
    快速部署阿里云WebIDE(DevStudio)并参与开源项目开发
    抢先看! 2021阿里云弹性计算年度峰会嘉宾演讲内容提前曝光
    饿了么资深架构师分享云上基础架构演进
  • 原文地址:https://www.cnblogs.com/xiaoyinger/p/12167872.html
Copyright © 2011-2022 走看看