js之split()和join()的用法

Posted 2021-02-16 车神-黄杰

说明

• 这几天写了一个简单的vue项目，需要截取字符串，一时间想到了正则表达式，还折腾了还一会儿，最后上网查了一下，使用split()再简单不过了，也顺便回忆一下join()。可见我有多菜，哈哈，学了这么久，竟然多他们这么陌生。

split(separator，howmany)

• 说明：
  • 可以把某个字符串str按某个字符(separator)分割成多个字符串，并把这些字符串保存在一个数组中，并返回该数组，如果字符串str不存在字符separator则返回 null，对原字符串没有影响。
• 两个参数：
  • separator：字符串或者正则表达式，必须传入，它可根据该参数的位置把字符串分割成多个字符串，在存入数组中。
  • howmany：可选，设置返回数组的最大长度，只能是大于0的整数，负数无效。

  
    const str1 = 'hj-che&&-shen-ai-qd'
    //不限制 返回数组大小
    const str2 = str1.split('-')
    //返回数组的最大长度为 2
    const str3 = str1.split('-', 2)
    //传入正则表达式
    const str4 = str1.split(/&&/)
  
    //打印 ["hj", "che", "shen", "ai", "qd"]
    console.log(str2)
    //打印 ["hj", "che"] 因为此时返回的长度最大为 2
    console.log(str3)
    //打印 ["hj-che", "-shen-ai-qd"]
    console.log(str4)
    }

join(separator)

• 说明：
  • 可以把一个数组的所有元素按某个分隔符(separator)隔开每个元素并放入一个字符串中，并返回该字符串，对原数组没有影响。
• 一个参数
  • separator：可选，即每个数组元素在返回字符串中的分隔符 。

  
    const hjArr = ['hj', 'ai', 'qd']
    //没有分隔符
    const str5 =  hjArr.join()
    //字符串按 &隔开
    const str6 = hjArr.join('&')
    //打印 'hj,ai,qd'
    console.log(str5)
    //打印 'hj&ai&qd'
    console.log(str6)