美文网首页
JavaScript|数组的split()方法详解,如何用正则表

JavaScript|数组的split()方法详解,如何用正则表

作者: juwuyu | 来源:发表于2019-02-28 14:06 被阅读0次

定义和用法
split() 方法用于把一个字符串分割成字符串数组

语法

stringObject.split(separator,howmany)

参数描述

separator:必需,字符串/正则表达式
howmany可选。该参数可指定返回的数组的最大长度。
  1. 该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。
  2. 返回的数组中的字串不包括 separator 自身
  3. separator为空字符串 (""),则分割每一个字符
    请看下面代码:
var strArray = "How are you";
console.log(strArray.split(''));
//["H", "o", "w", " ", "a", "r", "e", " ", "y", "o", "u"]
  1. 字符串开头就是分割符号,数组第一个元素为空字符串
    请看下面代码:

    "|a|b|c".split("|")  //将返回["", "a", "b", "c"]
    

    同理:

    var colorText = "red,blue,green,yellow";
    var colors3 = colorText.split(/[^\,]+/); //["", ",", ",", ",", ""]
    

    /[^\,]+/代表的是非(由^可知)“,”的符号,所以分割符是red,blue等等,因此第一个元素为空。

    在实际开发中,有时候要分割url字符串,可以通过.filter(回调)的方法去除第一个空字符串:

     const pathSnippets = window.location.pathname.split("/").filter(i => i);
    

    i => i这个回调函数可以过滤掉数组中的假值,包括0,"",具体的假值参照下面:

    Boolean().png

    参考文章:
    http://www.w3school.com.cn/js/jsref_split.asp
    https://blog.csdn.net/a_leading/article/details/70669979

相关文章

网友评论

      本文标题:JavaScript|数组的split()方法详解,如何用正则表

      本文链接:https://www.haomeiwen.com/subject/ukvhuqtx.html