【高频考点精讲】ES6 String的新增方法,处理字符串更方便了

ES6 String的新增方法:处理字符串从未如此优雅

【初级】前端开发工程师面试100题(一)
【初级】前端开发工程师面试100题(二)
【初级】前端开发工程师的面试100题(速记版)

作为天天和字符串打交道的码农,谁还没被indexOfsubstring折磨过?ES6给String对象新增的几个方法,简直像给程序员配了把瑞士军刀——全栈老李今天就用几个真实案例,带你看看这些方法如何让字符串操作从"石器时代"进化到"工业革命"。

字符串查找:从indexOfincludes/startsWith/endsWith

以前判断字符串是否包含子串,我们得写:

const str = '全栈老李的ES6教程';
if (str.indexOf('ES6') !== -1) {
   
  console.log('找到了'); // 输出:找到了
}

这种写法不仅反人类(为什么要和-1比较?),而且语义模糊。ES6给出了更优雅的方案:

// includes:包含关系检查(全栈老李提示:返回布尔值)
console.log(str.includes('ES6')); // true

// startsWith:开头匹配检查
console.log(str.startsWith('全栈')); // true 

// endsWith:结尾匹配检查
console.log(str.endsWith('教程')); // tr

你可能感兴趣的:(前端高频考点精讲,前端,javascript,html,css,面试题,react,vue)