当前位置: 首页 > news >正文

【高频考点精讲】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

相关文章:

  • Unreal制作角色冲锋时冲击波效果
  • 论文学习:《聚类矩阵正则化指导的层次图池化》
  • 数学基础 -- 欧拉恒等式的魅力:让复数旋转起来!
  • 通信算法之273 : 循环自相关函数和自相关函数
  • LeNet5 神经网络的参数解析和图片尺寸解析
  • uniapp 常用开发技巧与实战指南
  • unity 读取csv
  • 消息队列mq在Mlivus Cloud向量数据库中的关键配置与最佳实践
  • 全面解析 Spring 依赖注入:@Autowired、@Inject 与 @Resource 深度剖析
  • 深入解析 Linux 中动静态库的加载机制:从原理到实践
  • 解释器体系结构风格-笔记
  • Ubuntu18.04配置C++环境和Qt环境
  • 你的图数传模块该换了!
  • 【深度强化学习 DRL 快速实践】逆向强化学习算法 (IRL)
  • 在网上找的资料怎样打印出来?
  • 使用el-table表格动态渲染表头数据之后,导致设置fixed的列渲染出现问题
  • 迁移学习(基础)
  • 【漫话机器学习系列】223. T 统计量(t-statistics)
  • LeetCode 每日一题 2799. 统计完全子数组的数目
  • 系统架构-安全架构设计
  • “70后”通化市委书记孙简已任吉林省政府领导
  • 释新闻|印度宣布“掐断”巴基斯坦水源,对两国意味着什么?
  • 全国首例!上市公司董监高未履行公开增持承诺,投资者起诉获赔
  • 苏炳添任暨南大学体育学院院长
  • 合同约定拿850万保底利润?重庆市一中院:约定无效,发回重审
  • 大家聊中国式现代化|郑崇选:提升文化软实力,打造文化自信自强的上海样本