js拼接字符串時在中間加上空格

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

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

問題

怎么拼接都沒有效果，

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

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

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

使用   \xa0

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

得出三個小空格

js字符串拼接空格拼不上

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

下面提一下拼接的幾個方法，和HTML提供的幾種空格實體

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

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

拼接字符串的幾個常用方法

1. 最常用的加號運算符

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

2.es6的反引號``

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

3.兼容好點的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提供的幾種空格實體

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

 

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

 

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

 

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

 

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

‌

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

‍

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

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

效果如下：

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

最新評論