JS文字列スプライシングの4つの方法

1. コネクタ + を使用して、接続したい文字列を接続します。

let shy = '帅哥'
let a =  '我是' + shy
console.log(a)  // 我是帅哥

2. テンプレート文字列

テンプレート文字列 (テンプレート文字列) は、バッククォート (`) で識別される文字列の拡張バージョンであり、次のような特徴があります。

1) 文字列内に改行文字を含めることができます

2) 変数は ${xxx} の形式で出力できます。

1. 最も基本的な変数スプライシング

// 变量拼接
let shy = '帅哥'
let a =  `我是${shy}`
console.log(a)  // 我是帅哥

2. テンプレート文字列で HTML コードと複数行のテキスト コードを使用する

// html代码以及换行文本
let hi=`<div>
    <h2>你好呀!</h2>
</div>`
console.log(hi)  // 原样输出,包括换行

3. 式を挿入する

// 插入表达式
let x=30;
let y=10;
let a=`x-y=${x-y}`
console.log(a)  // 输出表达式计算结果

4. テンプレート文字列内の関数式を呼び出す

let food=function(){
    return "苹果"
}
let a=`我喜欢吃${food()}`;
console.log(a)

 

3. js の concat() メソッドを使用して文字列または配列を接続します

concat() メソッドは、2 つ以上の配列または文字列を連結するために使用されます。

このメソッドは既存の配列を変更せず、連結される新しい配列を返すだけです。

文字列は連結されます

// 拼接数组
let a = ['java']
let b = ['script']

let str = a.concat(b)

console.log(a)
console.log(b)
console.log(str)  //  ["java", "script"]

 

// 拼接字符串
let a = 'java'
let b = 'script'

let str = a.concat(b)

console.log(a)
console.log(b)
console.log(str)  // javascript

4. js の join() メソッドを使用して、配列内のすべての要素を文字列に入れます

join() メソッドは、配列のすべての要素を文字列に入れます。

join() - デフォルトでは、各要素はカンマで区切られます

join("-") - 各要素は - で区切られ、区切り文字はカスタマイズできます

var arr=[1,2,3];
var str=arr.join();// 默认是逗号,也可以自定义连接符
var str2=arr.join('-');// 自定义连接符-
var str3=arr.join('.');// 自定义连接符-
console.log(arr); // [1,2,3]
console.log(str); // 1,2,3
console.log(str2); // 1-2-3
console.log(str3); // 1.2.3

 

参考文献: 1. https://blog.csdn.net/chenjunxing1992/article/details/125514168?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-1-125514168-blog-1280621 39.235 ^v35^pc_relevant_increate_t0_download_v2&spm=1001.2101.3001.4242.2&utm_relevant_index=4

2. js string splicingのいくつかの方法_sunhongyu007のブログ - CSDNブログ

3.よく使用される配列 API (メソッド)_lse717 のブログ - CSDN ブログ

おすすめ

転載: blog.csdn.net/xijinno1/article/details/130612025