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

說明

• 這幾天寫了一個簡單的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)