ES6知识点整理之String字符串新增常用方法示例

ES6知识点整理之String字符串新增常用方法示例

1. 介绍

ES6中为字符串提供了很多实用的新增方法,包括模板字符串、startsWith()、endsWith()、repeat()、includes()等。这些方法极大地方便了字符串常用操作的实现。

2. String.raw

String.raw 方法用于获取一个模板字符串的原始字符串形式,忽略所有转义字符。它返回一个斜杠在前面的字符串。在开发过程中,可以通过 String.raw 方法的调用方式,来避免一些注入攻击。

示例代码:

let fileDir = String.raw`C:\Temp\myfile.html`;
console.log(fileDir); // C:\Temp\myfile.html

3. includes()

includes() 方法用于判断一个字符串是否包含某个子字符串,返回值为布尔值。

示例代码:

let str = "hello world";
let keyWord = "world";
console.log(str.includes(keyWord)); // true

4. repeat()

repeat() 方法将字符串重复指定的次数,返回一个新的字符串。

示例代码:

let str = "abc";
console.log(str.repeat(3)); // abcabcabc

5. endsWith()和startsWith()

endsWith() 和 startsWith() 方法用于判断一个字符串是否以某个子字符串开头或者结束,返回值为布尔值。

示例代码:

let str = "hello world";
console.log(str.endsWith("world")); // true
console.log(str.startsWith("hello")); // true

以上就是常用的 ES6 字符串新增方法的示例,希望对大家有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:ES6知识点整理之String字符串新增常用方法示例 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • JS实现给json数组动态赋值的方法示例

    下面是JS实现给json数组动态赋值的方法示例的完整攻略: 1. 确认Json数组的数据结构 首先,在动态给Json数组赋值之前,我们需要了解这个数组的数据结构,确认这个数组中包含哪些属性,以及它们的数据类型。 比如,假设我们要动态给一个名为users的Json数组添加用户数据。那么,我们可以分析一下这个数组的数据结构: [ { "name&quo…

    JavaScript 2023年5月27日
    00
  • javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版

    下面就来详细讲解“JavaScript文字上下间隔滚动的代码符合WEB标准脚本之家修正版”的完整攻略: 一、问题描述 有时候我们需要在网页中展示一些文字,但是为了让网页不显得太过单调,我们希望这些文字能够以一种滚动的形式进行展示,类似于一些新闻和通知栏目的效果。那么如何实现这样的滚动效果呢?下面就来介绍一种符合WEB标准的JavaScript文字上下间隔滚动…

    JavaScript 2023年6月11日
    00
  • uniapp实现横屏签字版

    实现横屏签字版可以利用uniapp中的canvas以及第三方的canvas插件实现。 步骤一:安装canvas插件 在uniapp中使用canvas需要下载并安装canvas插件,下载地址为:https://ext.dcloud.net.cn/plugin?id=127 下载完成后,在uniapp项目的根目录下,打开cmd或者终端并输入如下命令: npm i…

    JavaScript 2023年6月11日
    00
  • Router解决跨模块下的页面跳转示例

    下面我就给你详细讲解一下“Router解决跨模块下的页面跳转示例”的完整攻略。 什么是Router Router即路由器,它可以在前端页面中实现页面之间的跳转。在Vue中,可以通过vue-router来实现路由功能。它基于Vue.js,可以非常方便地集成到Vue.js应用中。Vue Router可以让我们通过多个URL来展示多个页面,也可以在不同页面间进行导…

    JavaScript 2023年6月11日
    00
  • ES6 对象的新功能与解构赋值介绍

    ES6对象的新功能与解构赋值介绍 ES6是ECMAScript的第6个版本,新增了许多语言特性和语法糖。其中,对象的新功能和解构赋值是 ES6 最重要的特性之一。本文将分别介绍 ES6 对象的新功能和解构赋值的使用方法。 ES6对象的新功能 属性简写 在 ES6 之前,定义对象的属性时需要写成 key: value 的形式,如: var a = 1; var…

    JavaScript 2023年6月11日
    00
  • 浅谈原生JS实现jQuery的animate()动画示例

    下面是“浅谈原生JS实现jQuery的animate()动画示例”的完整攻略。 1.了解animate()方法 在使用原生JS实现jQuery的animate()动画之前,首先需要了解animate()方法。animate()方法是jQuery中的方法,用于实现元素的动画效果,常用的参数有属性值、时间和回调函数等。该方法可以实现元素的位置、大小、透明度等动画…

    JavaScript 2023年6月10日
    00
  • 用原生JavaScript实现jQuery的$.getJSON的解决方法

    使用原生JavaScript实现jQuery的$.getJSON需要了解Ajax技术和JSON格式数据的处理。下面是实现该功能的完整攻略: 使用原生JavaScript发送Ajax请求获取JSON数据 function getJSON(url, successCallback, errorCallback) { const xhr = new XMLHttp…

    JavaScript 2023年5月27日
    00
  • 详解plotly.js 绘图库入门使用教程

    详解plotly.js 绘图库入门使用教程 简介 plotly.js 是一款用于绘制交互式可视化图表的 JavaScript 库。它支持多种图表类型,例如:柱状图、线性图、散点图、热力图等等。plotly.js 提供了丰富的配置选项,可以让我们定制化我们的图表。 安装 你可以从plotly.js的官方网站下载plotly.js的Javascript库,并在你…

    JavaScript 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部