js拼接字符串時(shí)在中間加上空格

由于需求，所以就有了解決方案！哈哈哈

要求：需要在拼接字符串的時(shí)候，不僅需要加上；還需要加一兩個(gè)空格

問(wèn)題

怎么拼接都沒有效果，

1： +     ===》 失敗，直接輸出（當(dāng)然加上+ “  ”空格也是被忽略了的）

quality += result[i].foodName + ':' + result[i]].weight + ';' + ' '

2解決方法  ======》 成功

使用   \xa0

quality += result[i].foodName + ':' + result[i]].weight + ';' + '\xa0\xa0\xa0'

得出三個(gè)小空格

js字符串拼接空格拼不上

一個(gè)很簡(jiǎn)單拼接字符串，弄的自己都自閉了，需求兩個(gè)字符串date:2019-11-28,time:17:50，拼接成2019-11-28 17:50，就是簡(jiǎn)單的加個(gè)空格，但是被自己的編譯器自動(dòng)規(guī)范代碼的插件給坑了，擼完ctrl+s時(shí)，自動(dòng)把我空格給刪了，然后我的入?yún)⒕统蛇@樣了2019-11-2817:50，然后就是時(shí)間格式不正確 ，

下面提一下拼接的幾個(gè)方法，和HTML提供的幾種空格實(shí)體

解決：使用\xa0 (反斜杠xa零)

let date:'2019-11-28',
    time:'17:50'
console.log(date+'\xa0'+time) //2019-11-28 17:50

拼接字符串的幾個(gè)常用方法

1. 最常用的加號(hào)運(yùn)算符

let date:'2019-11-28',
    time:'17:50'
console.log(date+' '+time) //2019-11-28 17:50

2.es6的反引號(hào)``

let date:'2019-11-28',
    time:'17:50'
console.log(`${date} ${time}`) //2019-11-28 17:50

3.兼容好點(diǎn)的es5（concate）

let date:'2019-11-28',
    time:'17:50'
console.log(date.concat(' ', time)) //2019-11-28 17:50

4. 數(shù)組的join

let date:'2019-11-28',
    time:'17:50'
console.log([date, time].join(' ')) //2019-11-28 17:50

HTML提供的幾種空格實(shí)體

HTML提供的幾種空格實(shí)體（space entity），它們擁有不同的寬度，非斷行空格（ ）是常規(guī)空格的寬度，可運(yùn)行于所有主流瀏覽器。其他幾種空格（      ‌‍）在不同瀏覽器中寬度各異。

 

它叫不換行空格，全稱No-Break Space，它是最常見和我們使用最多的空格，大多數(shù)的人可能只接觸了 ，它是按下space鍵產(chǎn)生的空格。在HTML中，如果你用空格鍵產(chǎn)生此空格，空格是不會(huì)累加的（只算1個(gè)）。要使用html實(shí)體表示才可累加，該空格占據(jù)寬度受字體影響明顯而強(qiáng)烈。

 

它叫“半角空格”，全稱是En Space，en是字體排印學(xué)的計(jì)量單位，為em寬度的一半。根據(jù)定義，它等同于字體度的一半（如16px字體中就是8px）。名義上是小寫字母n的寬度。此空格傳承空格家族一貫的特性：透明的，此空格有個(gè)相當(dāng)穩(wěn)健的特性，就是其占據(jù)的寬度正好是1/2個(gè)中文寬度，而且基本上不受字體影響。

 

它叫“全角空格”，全稱是Em Space，em是字體排印學(xué)的計(jì)量單位，相當(dāng)于當(dāng)前指定的點(diǎn)數(shù)。例如，1 em在16px的字體中就是16px。此空格也傳承空格家族一貫的特性：透明的，此空格也有個(gè)相當(dāng)穩(wěn)健的特性，就是其占據(jù)的寬度正好是1個(gè)中文寬度，而且基本上不受字體影響。

 

它叫窄空格，全稱是Thin Space。我們不妨稱之為“瘦弱空格”，就是該空格長(zhǎng)得比較瘦弱，身體單薄，占據(jù)的寬度比較小。它是em之六分之一寬。

‌

它叫零寬不連字，全稱是Zero Width Non Joiner，簡(jiǎn)稱“ZWNJ”，是一個(gè)不打印字符，放在電子文本的兩個(gè)字符之間，抑制本來(lái)會(huì)發(fā)生的連字，而是以這兩個(gè)字符原本的字形來(lái)繪制。Unicode中的零寬不連字字符映射為“”（zero width non-joiner，U+200C），HTML字符值引用為： ‌

‍

它叫零寬連字，全稱是Zero Width Joiner，簡(jiǎn)稱“ZWJ”，是一個(gè)不打印字符，放在某些需要復(fù)雜排版語(yǔ)言（如阿拉伯語(yǔ)、印地語(yǔ)）的兩個(gè)字符之間，使得這兩個(gè)本不會(huì)發(fā)生連字的字符產(chǎn)生了連字效果。零寬連字符的Unicode碼位是U+200D (HTML: ‍ ‍）。

此外，瀏覽器還會(huì)把以下字符當(dāng)作空白進(jìn)行解析：空格（ ）、制表位（	）、換行（
）和回車（
）還有（　）等等。

效果如下：

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。