ES6 字符串模板与字符串

177 阅读1分钟

普通字符串

let name = 'Kirito';
let age = '18';
let str = '我叫'+name+'今年'+age;
console.log(str)//我叫Kirito今年18

字符串模板

let name = 'Kirito';
let age = '18';
let str = `我叫${name}今年${age}`;
console.log(str)

使用字符串模板就不用一直使用+号来拼接,直接 使用``来拼接 ,但是模板字符串中插入变量的话直接使用 ${变量名}

关于字符串的方法

字符串查找indexOf()

    let str = "apple banana pear"
    console.log(str.indexOf('banana'));//6
    //indexOf只返回它索引位置没有则返回-1,但是如果我们只想知道它有没有或者存不存在。

字符串查找includes()

    let str = "apple banana pear"
    console.log(str.includes('pear'));//true
    //includes返回的是Boolean也就是只表示有没有存在;

检测字符串以谁开头startsWith()

let str = "apple banana pear"
console.log(str.startsWith('apple'));//true

检测字符串以谁结尾endsWith()

let str = "apple banana pear"
console.log(str.endsWith('pear'));//true

字符串重复

    let str = 'Kirito,';
    console.log(str.repeat(100))

目前没有用过这个,应该就是做假数据的时候用吧;

字符串填充

//在字符串前填充
padStart(length,value)
length//填充后字符串长度;
value//填充的内容
	let str = 'Kirito';
	let Text = '姓名:'
	console.log(str.padStart(str.length+Text.length,Text))
//姓名:Kirito
//在字符串后填充
padEnd(length,value)
length//填充后字符串长度;
value//填充的内容
	let str = 'Kirito';
	let Text = '姓名:'
	console.log(str.padEnd(str.length+Text.length,Text))
//Kirito姓名:

本文章仅以自己防止忘记而记录,不管是我还是其他人,当你看到这篇文章的时候说明你还在从事前端工作,或者在学习前端,所以不管以后遇到什么问题,和挫折,都不要忘记你敲代码的初衷