Heim > Web-Frontend > Front-End-Fragen und Antworten > Es gibt verschiedene Möglichkeiten, String-Splicing in es6 zu schreiben

Es gibt verschiedene Möglichkeiten, String-Splicing in es6 zu schreiben

青灯夜游
Freigeben: 2022-04-11 18:22:11
Original
6477 Leute haben es durchsucht

Es gibt zwei Möglichkeiten, String-Spleißen in es6 zu schreiben: 1. Verwenden Sie „${var}“ in der Vorlagenzeichenfolge, um Zeichen zu spleißen. Die Schreibmethode ist „${String 1} String 2`“, „${}.“ " kann JS-Ausdrücke einfügen; 2. Verwenden Sie den Operator „+“ und schreiben Sie „String 1 + String 2“. Wenn Sie ternäre Ausdrücke verwenden, müssen Sie diese in Klammern setzen.

Es gibt verschiedene Möglichkeiten, String-Splicing in es6 zu schreiben

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

ES6-String-Splicing

String-Splicing kann auf folgende Weise erfolgen:

1. Verwenden Sie ${var}, um Zeichen in der Vorlagenzeichenfolge zu spleißen Code><code>${var}来拼接字符

const name = &#39;小明&#39;;
const score = 59;
let result = &#39;&#39;;
if(score > 60){
  result = `${name}的考试成绩及格`; 
}else{
  result = `${name}的考试成绩不及格`; 
}
console.log(result);
Nach dem Login kopieren

Es gibt verschiedene Möglichkeiten, String-Splicing in es6 zu schreiben

说明:

ES6中增加了``(反引号)用来声明字符串 用反引号包裹的字符串是模板字符串 模板字符串可以多行显示 模板字符串也运行变量插入 您可以在插值中使用任何有效的 JavaScript 表达式 例如`${2 * 3}` 或 `${foo()}` ...

在es6中,${}中是可以放入JS表达式的,可以进行运算以及引用对象属性。

方式二 +

const name = &#39;小明&#39;;
const score = 61;
let result = &#39;&#39;;
if(score > 60){
  result = name+&#39;的考试成绩及格&#39;; 
}else{
  result = name+&#39;的考试成绩及格&#39;; 
}
console.log(result);
Nach dem Login kopieren
Es gibt verschiedene Möglichkeiten, String-Splicing in es6 zu schreiben

Hinweis:

Es gibt verschiedene Möglichkeiten, String-Splicing in es6 zu schreibenES6 hat „(Backticks) hinzugefügt, um einen String zu deklarieren, der ein Template-String ist, der Template-Strings in mehreren Zeilen anzeigen und auch Variableneinfügungen ausführen kann Ausdruck in der Interpolation, wie „${2 * 3}“ oder „${foo()}“ ...

In es6 können JS-Ausdrücke in ${} platziert werden. Kann Operationen ausführen und auf Objekteigenschaften verweisen.

Methode 2 +-Operator zum Zusammenfügen von Zeichen🎜🎜🎜Beachten Sie, dass bei Verwendung ternärer Ausdrücke diese in Klammern eingeschlossen werden müssen🎜rrreee🎜🎜🎜🎜[Verwandte Empfehlungen: 🎜Javascript-Video-Tutorial🎜, 🎜Web-Frontend🎜】🎜

Das obige ist der detaillierte Inhalt vonEs gibt verschiedene Möglichkeiten, String-Splicing in es6 zu schreiben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage