js str.split()_arr.join().html

最新推荐文章于 2022-05-03 14:14:23 发布

学无止境慢慢来

最新推荐文章于 2022-05-03 14:14:23 发布

阅读量215

点赞数

分类专栏： js

原文链接：https://www.w3school.com.cn/js/jsref_split.asp

版权

js 专栏收录该内容

132 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>js str.split()_arr.join()</title>
</head>
<body>
<script>
    /*参考：https://www.w3school.com.cn/js/jsref_split.asp
    * 知识点：
    * 1.str.split(separator,howMany) -> 分割字符串后的数组。
    *   把一个字符串分割成字符串数组。
    *   separator，必需。字符串或正则表达式，从该参数指定的地方分割 str。
    *   howMany，可选。指定返回的数组的最大长度。
    *   如果 separator 为空字符串("")，那么 str 中的每个字符之间都会被分割。
    * 2.str.split() 与 arr.join() 互为反操作。
    */
    // 一、str.split(separator,howMany)
    // 1.把句子分割成单词。
    let str = "How are you doing today?";
    console.log(str.split(" "));
    // (5) ["How", "are", "you", "doing", "today?"]
    // 使用正则表达式作为 separator。
    console.log(str.split(/\s+/));
    // (5) ["How", "are", "you", "doing", "today?"]
    console.log(str.split(" ", 3));
    // (3) ["How", "are", "you"]

    // 2.把单词分割为字母，或者把字符串分割为字符。
    console.log(str.split(""));
    // (24) ["H", "o", "w", " ", "a", "r", "e", " ", "y", "o", "u", " ", "d", "o", "i", "n", "g", " ", "t", "o", "d", "a", "y", "?"]

    // 3.
    console.log("2:3:4:5".split(":"));
    // (4) ["2", "3", "4", "5"]
    console.log("|a|b|c".split("|"));
    // (4) ["", "a", "b", "c"]
    let arr = "张三丰|男|65|19280202".split("|");
    console.log(arr);
    // (4) ["张三丰", "男", "65", "19280202"]
    console.log(typeof arr);
    // object
    // 在js中，json {}, array [] 的类型都是 object。


    /*二、arr.join(separator) -> 数组元素拼接的字符串。
      把数组中的所有元素拼接成一个字符串。
      通过把 arr 的每个元素转换为字符串，
      然后把这些字符串拼接起来，在两个元素之间插入 separator。
      separator，可选。指定要使用的分隔符，默认使用 ","。*/
    // 1.
    console.log(arr.join());
    // 张三丰,男,65,19280202
    console.log(arr.join("+"));
    // 张三丰+男+65+19280202
    console.log(typeof str);
    // string

    arr = [1, 2, 3];
    str = arr.join("+");
    console.log(str);
    // 1+2+3

    arr = str.split("+");
    console.log(arr);
    // (3) ["1", "2", "3"]
</script>
</body>
</html>