前端ES6字符串属性补充+模板字符串_模板字符串在属性上怎么写

1.字符串补充

includes()：返回布尔值，判断是否找到参数字符串。

startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。

endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。

【以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引】

let string = "you,are,my,friend!";
      console.log(string.includes("are")); // true
      console.log(string.startsWith("you")); // true
      console.log(string.endsWith("my")); // false
      console.log(string.startsWith("friend", 11)); // true

repeat()：返回新的字符串，表示将字符串重复指定次数返回，如果参数是小数，向下取整。

console.log("aaa,".repeat(2));  // "aaa,aaa,"
console.log("aaa,".repeat(3.2));  // "aaa,aaa,aaa,"

padStart：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。

padEnd：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。

【两个参数，第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。如果没有指定第二个参数，默认用空格填充；如果指定的长度小于或者等于原字符串的长度，则返回原字符串；如果原字符串加上补全字符串长度大于指定长度，则截去超出位数的补全字符串；】

console.log("h".padStart(5,"o"));  // "ooooh"
console.log("h".padEnd(5,"o"));    // "hoooo"
console.log("h".padStart(5));      // "    h"
console.log("hello".padStart(5,"A"));  // "hello"
console.log("hello".padEnd(10,",world!"));  // "hello,world"

模板字符串中可以直接写字符串，变量要写在${ }中【模板字符串中的换行和空格都是会被保留的】

let name = "Lucy";
let age = 27;
let info = `My Name is ${name},I am ${age+1} years old next year.`
console.log(info);
// My Name is Lucy,I am 28 years old next year.

模板字符串写的多行字符串：

let string =  `Hey,
can you stop angry now?`;
console.log(string);
// Hey,
// can you stop angry now?

字符串调用函数：

function f(){
  return "have fun!";
}
let string2= `Game start,${f()}`;
console.log(string2);  // Game start,have fun!

模板字符串写活图片路径：

:src="require(`@/assets/investment-analysis/NewsImg/00${index+1}.png`) "