ES6——string常用的方法

1.split() 

 接受一个模式，通过搜索模式将字符串分割成一个有序的子串列表，将这些子串放入一个数组，并返回该数组。

const str = 'a,b'
    const arr = str.split(',') //分隔符，如果没有这个分隔符，则,也算为数组中的一个元素
    console.log(arr)

2.substring() 

返回该字符串从起始索引到结束索引（不包括）的部分，如果未提供结束索引，则返回到字符串末尾的部分。

// 字符串的截取
    const str = 'abcdefj'
    // console.log(str.substring(2))//如果省略结束的索引号，默认取到最后
    console.log(str.substring(2, 5)) //结束的索引号不包含

3.startsWith() 方法

用来判断当前字符串是否以另外一个给定的子字符串开头，并根据判断结果返回 true 或 false。 

4.includes() 方法

执行区分大小写的搜索，以确定是否可以在一个字符串中找到另一个字符串，并根据情况返回 true 或 false。

5.综合案例

const gift = '50g的茶叶,清洗球'
    //把字符串拆分为数组
    console.log(gift.split(','))
    //根据数组元素个数，生成对应的span标签,用map遍历，再用join转换为字符串
    const str = gift.split(',').map(function (item) {
      return `<span>【赠品】${item}</span><br>`
    }).join('')
    document.querySelector('div').innerHTML = str

 // 简便写法
    document.querySelector('div').innerHTML = gift.split(',').map(item => `<span>【赠品】${item}</span><br>`).join('')