专栏首页前端学习笔记String 的扩展方法

String 的扩展方法

模板字符串(★★★)

ES6新增的创建字符串的方式,使用反引号定义

let name = `zhangsan`;
​
模板字符串中可以解析变量
let name = '张三'; 
let sayHello = `hello,my name is ${name}`; // hello, my name is zhangsan
模板字符串中可以换行
 let result = { 
     name: 'zhangsan', 
     age: 20,
     sex: '男' 
 } 
 let html = ` <div>
     <span>${result.name}</span>
     <span>${result.age}</span>
     <span>${result.sex}</span>
 </div> `;
​
在模板字符串中可以调用函数
const sayHello = function () { 
    return '哈哈哈哈 追不到我吧 我就是这么强大';
 }; 
 let greet = `${sayHello()} 哈哈哈哈`;
 console.log(greet); // 哈哈哈哈 追不到我吧 我就是这么强大 哈哈哈哈
​

实例方法:startsWith() 和 endsWith()

  • startsWith():表示参数字符串是否在原字符串的头部,返回布尔值
  • endsWith():表示参数字符串是否在原字符串的尾部,返回布尔值
let str = 'Hello world!';
str.startsWith('Hello') // true 
str.endsWith('!')       // true
​

实例方法:repeat()

repeat方法表示将原字符串重复n次,返回一个新字符串

'x'.repeat(3)      // "xxx" 
'hello'.repeat(2)  // "hellohello"

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Node.js模块化开发

    一个功能就是一个模块, 多个模块可以组成完整应用,抽离一个模块不会影响其他功能的运行。

    清出于兰
  • 函数内部的this指向

    这些 this 的指向,是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同

    清出于兰
  • 箭头函数

    箭头函数不绑定this关键字,箭头函数中的this,指向的是函数定义位置的上下文this

    清出于兰
  • 【译】教你用16个小时从0构建一个Rust应用

    我们之中有的人只是单纯为了好玩,有的是想学一些新的知识,还有些人可能是想证明一些概念或想法。

    Jackeyzhe
  • 如何在 JS 中判断数组是否包含指定的元素(多种方法)

    最近开源了一个 Vue 组件,还不够完善,欢迎大家来一起完善它,也希望大家能给个 star 支持一下,谢谢各位了。

    前端小智@大迁世界
  • vue路由跳转传参数

    1. router-link <router-link :to="{ path: 'yourPath', param...

    庞小明
  • 《你不知道的JavaScript》:js面向委托设计

    回顾下js原型继承,js版的继承与传统面向对象的继承的区别主要是不复制对象,而是通过对象的内置属性[[Propertype]]来关联需要“继承”的对象,这样当引...

    前端_AWhile
  • swift 中类(class)和结构体(struct)区别

    引用类型:将一个对象赋值给另一个对象时,系统不会对此对象进行拷贝,而会将指向这个对象的指针赋值给另一个对象,当修改其中一个对象的值时,另一个对象的值会随之改变。

    菜菜不吃蔡
  • 2018年7月26日python中面向对象中的封装

    武军超
  • LeetCode 720. 词典中最长的单词(Trie树)

    给出一个字符串数组words组成的一本英语词典。从中找出最长的一个单词,该单词是由words词典中其他单词逐步添加一个字母组成。若其中有多个可行的答案,则返回答...

    Michael阿明

扫码关注云+社区

领取腾讯云代金券