ホームページ > ウェブフロントエンド > jsチュートリアル > es6 の基本入門 -- 文字列拡張

es6 の基本入門 -- 文字列拡張

零下一度
リリース: 2017-05-16 10:04:17
オリジナル
1441 人が閲覧しました

1 for...of 文字列トラバーサルインターフェース

for(let i of "abc"){
    console.log(i);
}
// a
// b
// c
ログイン後にコピー

2 include 文字列が含まれるかどうか、ブール値を返します

形式: str.includes(searchString[,position])
indexOf との比較:
indexOf: 特定の文字列が含まれるかどうかを判断するための添字を返します。
includes: 特定の文字列が含まれるかどうかを判断するためのブール値を返します。という方法が実現可能です。

var s = "hello";
// es5
s.indexOf("o"); // 4
// es6
s.includes("o"); // true
s.includes("d"); // false
s.includes("h", 2); // false 从第三个字符开始找
ログイン後にコピー

3 beginsWith パラメータ文字列がソース文字列の先頭にあるかどうか、ブール値を返します

形式: str.startsWith(searchString[,position])

var s = "hello world";
// es5
s.indexOf("hello"); // 0 等于0表示就在源字符串头部
// es6
s.startsWith("hello"); // true
s.startsWith("world"); // false
s.startsWith("world", 6); // true
ログイン後にコピー

4 opensWith は、startsWith の反対であり、パラメータ文字列はソース文字列の先頭にあります ソース文字列の最後で、ブール値を返します

形式: str.endsWith(searchString[,position])

var s = "hello world";
// es5
String.prototype.endWith=function(endStr){
  var d=this.length-endStr.length;
  return (d>=0&&this.lastIndexOf(endStr)==d)
}
s.endWith("world"); // true
// es6
s.endsWith("world"); // true
s.endsWith("world", 5); // false
s.endsWith("hello", 5); // true
ログイン後にコピー

5repeat 元の文字列をn回繰り返してリターンします新しい文字列

var s = "s";
s.repeat(3); // sss
s.repeat(2.6); // ss 小数会被取整
s.repeat(-2); // RangeError 报错
s.repeat(0); // ""
ログイン後にコピー

6 テンプレート文字列が強化されました バックティック (`) でマークされた文字列のバージョン。

通常の文字列として使用することも、複数行の文字列を定義するために使用することも、文字列に 変数 を埋め込むこともできます。その利点は明らかです。テンプレート文字列内の変数。

// es5 输出模板通常是如下格式,相当繁琐还不方便
var name="Bob",time="today";
var resultStr = "hello "+name+", how are you "+time+'?'; //hello Bob, how are you today?
// es6 模板字符串
console.log(`string text line 1
string text line 2`);
//string text line 1
//string text line 2

// 直接用${变量名}表示
`Hello ${name}, how are you ${time}?` // Hello Bob, how are you today?
// 使用表达式
var obj={a:1,b:2};
`${obj.a+obj.b}` // 3
// 使用函数
function fn() {
  return "Hello World";
}
`this is fn return str: ${fn()}` // this is fn return str: Hello World
ログイン後にコピー

es6 の文字列の具体的な変更と拡張については、MDN 公式 Web サイトを確認してください

[関連推奨事項]

1 特別な推奨事項: 「php Programmer Toolbox」V0.1 バージョンのダウンロード

2. 無料の js オンライン ビデオ チュートリアル

3. php.cn Dugu Jiijian (3) - JavaScript ビデオ チュートリアル

以上がes6 の基本入門 -- 文字列拡張の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート