ホームページ >ウェブフロントエンド >jsチュートリアル >ES6 文字列拡張の高頻度使用の概要
ES6 は文字列のトラバーサー インターフェイスを追加し、文字列を for...of ループで走査できるようにします。
for (let codePoint of 'foo') { console.log(codePoint)} // "f"// "o"// "o"
function lettest() { var jsongs = { "result": [ { "YDFLAG": "1", "YXS": "0", "DPMC": "专属好评率", "MTYDL": "100", "SPFLMC": "蔬菜", "SPMC": "萝卜丝包", "YDRQ": "[2,1]", "PIC_ID": "12918", "SPDJ": "5", "YDBID": "12919", "NUM": "1", "SPJBXX_ID": "12913" }, { "YDFLAG": "2", "YXS": "0", "DPMC": "专属好评率", "MTYDL": "100", "SPFLMC": "蔬菜", "SPMC": "肉包", "YDRQ": "[5]", "PIC_ID": "12911", "SPDJ": "5", "YDBID": "12912", "NUM": "2", "SPJBXX_ID": "12907" }, { "YDFLAG": "3", "YXS": "0", "DPMC": "专属好评率", "MTYDL": "100", "SPFLMC": "蔬菜", "SPMC": "馒头", "YDRQ": "[4]", "PIC_ID": "12905", "SPDJ": "3", "YDBID": "12906", "NUM": "3", "SPJBXX_ID": "12900" }, { "YDFLAG": "4", "YXS": "0", "DPMC": "专属好评率", "MTYDL": "100", "SPFLMC": "蔬菜", "SPMC": "菜包", "YDRQ": "[2,3]", "PIC_ID": "12889", "SPDJ": "4", "YDBID": "12890", "NUM": "4", "SPJBXX_ID": "12884" } ], "signToken": "/v1VqtzUE01JnOFJlHwnXu/IMKsjHL820hMdDHobFJPaE4R8D/VY3Q==", "allNum": "4" }; for (var i of jsongs.result) { console.log(i.SPMC); } //商品名称:萝卜丝包,YDFLAG:1 // 商品名称:肉包,YDFLAG:2 // 商品名称:馒头,YDFLAG:3 // 商品名称:菜包,YDFLAG:4
}
上記の例は、私たちがよく使うものです。 , データの取得にはfor i++のようなループを使用していましたが、のforを直接使用して作業負荷を軽減し、作業効率を向上させることができます
1.2. )、endsWith()
indexOfメソッドしかありません。 ES6 は 3 つの新しいメソッドを提供します。
includes()startsWith()
endsWith()
var s = 'Hello world!'; s.startsWith('Hello') // true s.endsWith('!') // true s.includes('o') // true
var s = 'Hello world!'; s.startsWith('world', 6) // true s.endsWith('Hello', 5) // true s.includes('Hello', 6) // false上記のコードは、2 番目のパラメーター
n
を使用する場合、endsWith の動作が他の 2 つのメソッドとは異なることを示しています。これは最初の n 文字をターゲットとしますが、他の 2 つのメソッドは n 番目の位置から文字列の末尾までをターゲットとします。 1.3. padStart()、
padEnd()は末尾の補完に使用されます。
'x'.padStart(5, 'ab') // 'ababx' 'x'.padStart(4, 'ab') // 'abax' 'x'.padEnd(5, 'ab') // 'xabab' 'x'.padEnd(4, 'ab') // 'xaba'
padStart
の一般的な使用法は、数値補完の桁数を指定することです。次のコードは、10
桁の数値文字列を生成します。'1'.padStart(10, '0') // "0000000001" '12'.padStart(10, '0') // "0000000012" '123456'.padStart(10, '0') // "0000123456" 另一个用途はプロンプト文字列の形式です。
'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12" '09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"
テンプレート文字列
$('#result').append( 'There are <b>' + basket.count + '</b> ' + 'items in your basket, ' + '<em>' + basket.onSale + '</em> are on sale!');上記の書き方はかなり面倒で不便ですが、
ES6
ではこの問題を解決するためにテンプレート文字列を導入しました。function resulttemplate() { var basket = { "supplies": [{ "name": "张三" }, { "name": "李四" }, { "name": "lili" }] } var mess = `<table>`; for (var i = 0; i < basket.supplies.length; i++) { mess += `<tr><td> 姓名</td> <td> ${basket.supplies[i].name}</td></tr>`; } mess += `</table>`; $('#result').append(mess); var ddd=`<table>`; for(let j of basket.supplies) { ddd+=`<tr><td>${j.name}</td></tr>`; } ddd+=`</table>`; console.log(ddd); }テンプレート文字列(
テンプレート文字列
)は文字列の拡張版であり、にはバッククォート(`)が付いています。 通常の文字列として使用することも、複数行の文字列を定義したり、文字列に変数を埋め込んだりするために使用することもできます。 テンプレート文字列内のすべてのスペースと改行は保持されます。この改行が不要な場合は、trim
メソッドを使用して削除できます。以上がES6 文字列拡張の高頻度使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。