符串拼接是所有程序設計語言都需要的操作。當拼接結(jié)果較長時，如何保證效率就成為一個很重要的問題。本文介紹的是Javascript中的字符串拼接，希望對你有幫助，一起來看。

const icon = '';

// 模板字符串

`hi ${icon}`;

// join() 方法

['hi', icon].join(' ');

// Concat() 方法

''.concat('hi ', icon);

// + 操作符

'hi ' + icon;

// RESULT

// hi

1. 模板字符串

如果你來自另一種語言(例如Ruby)，則將熟悉字符串插值一詞。這正是模板字符串要實現(xiàn)的目標。這是在字符串創(chuàng)建中包含表達式的一種簡單方法，該方法簡潔明了。

const name = 'samantha';

const country = '';

(1) 字符串連接中缺少空格的問題

在模板字符串之前，這是我的字符串的結(jié)果

"Hi, I'm " + name + "and I'm from " + country;

?? 你發(fā)現(xiàn)我的錯誤了嗎?我缺少空格。在連接字符串時，這是一個非常普遍的問題。

// Hi, I'm samanthaand I'm from

(2) 用模板字符串解決

使用模板字符串，可以解決此問題。你可以按照你想要的字符串顯示方式編寫。所以很容易發(fā)現(xiàn)是否缺了一個空格，現(xiàn)在超級可讀，耶!

`Hi, I'm ${name} and I'm from ${country}`;

2. join()

join 方法合并數(shù)組的元素并返回一個字符串。因為它與數(shù)組一起使用，所以如果要添加其他字符串，它非常方便。

const instagram = '@samanthaming';

const twitter = '@samantha_ming';

const array = ['My handles are ', instagram, twitter];

const tiktok = '@samantaming';

array.push(tiktok);

array.join(' ');

// My handles are @samanthaming @samantha_ming @samanthaming

自定義分隔符

join 的好處在于，你可以自定義組合數(shù)組元素的方式。你可以通過在其參數(shù)中傳遞分隔符來實現(xiàn)。

const array = ['My handles are '];

const handles = [instagram, twitter, tiktok].join(', ');

// @samanthaming, @samantha_ming, @samanthaming

array.push(handles);

array.join('');

// My handles are @samanthaming, @samantha_ming, @samanthaming

3. concat()

使用 concat，可以通過在字符串上調(diào)用方法來創(chuàng)建新字符串。

const instagram = '@samanthaming';

const twitter = '@samantha_ming';

const tiktok = '@samanthaming';

'My handles are '.concat(instagram, ', ', twitter', ', tiktok);

// My handles are @samanthaming, @samantha_ming, @samanthaming

結(jié)合字符串和數(shù)組

還可以使用 concat 將字符串與數(shù)組組合在一起。當我傳遞數(shù)組參數(shù)時，它將自動將數(shù)組項轉(zhuǎn)換為以逗號分隔的字符串。

const array = [instagram, twitter, tiktok];

'My handles are '.concat(array);

// My handles are @samanthaming,@samantha_ming,@samanthaming

果您希望格式更好，我們可以使用 join 來定制分隔符。

const array = [instagram, twitter, tiktok].join(', ');

'My handles are '.concat(array);

// My handles are @samanthaming, @samantha_ming, @samanthaming

4. +操作符

關(guān)于在組合字符串時使用 + 運算符的一件有趣的事情。你可以用來創(chuàng)建新的字符串，也可以通過添加現(xiàn)有字符串來對其進行突變。

(1) 非可變

在這里，我們使用 + 創(chuàng)建一個全新的字符串。

const instagram = '@samanthaming';

const twitter = '@samantha_ming';

const tiktok = '@samanthaming';

const newString = 'My handles are ' + instagram + twitter + tiktok;

(2) 可變的

我們還可以使用 += 將其附加到現(xiàn)有字符串中。所以如果出于某種原因，你需要一種改變的方法，這可能是你的一個選擇。

let string = 'My handles are ';

string += instagram + twitter;

// My handles are @samanthaming@samantha_ming

哦，該死的再次忘記了空格。看到了!連接字符串時很容易錯過空格。

string += instagram + ', ' + twitter + ', ' + tiktok;

// My handles are @samanthaming, @samantha_ming, @samanthaming

感覺還是很亂的，我們把 join 扔進去吧!

string += [instagram, twitter, tiktok].join(', ');

// My handles are @samanthaming, @samantha_ming, @samanthaming

5. 字符串中的轉(zhuǎn)義字符

當字符串中包含特殊字符時，組合時首先需要轉(zhuǎn)義這些字符。讓我們看一些情況，看看如何避免它們

(1) 轉(zhuǎn)義單引號或撇號(’)

創(chuàng)建字符串時，可以使用單引號或雙引號。知道了這些知識，當你的字符串中出現(xiàn)單引號時，一個很簡單的解決方法就是用相反的方法來創(chuàng)建字符串。

const happy = ;

["I'm ", happy].join(' ');

''.concat("I'm ", happy);

"I'm " + happy;

// RESULT

// I'm

當然，您也可以使用反斜杠 \ 來轉(zhuǎn)義字符。但是我發(fā)現(xiàn)它有點難以閱讀，所以我并不經(jīng)常這樣。

const happy = ;

['I\'m ', happy].join(' ');

''.concat('I\'m ', happy);

'I\'m ' + happy;

// RESULT

// I'm

由于模板字符串正在使用反引號，因此這種情況不適用于它

(2) 轉(zhuǎn)義雙引號(“)

類似于轉(zhuǎn)義單引號，我們可以使用相同的方法來使用相反的引號。因此，為了轉(zhuǎn)義雙引號，我們將使用單引號。

const flag = '';

['Canada "', flag, '"'].join(' ');

''.concat('Canada "', flag, '"');

'Canada "' + flag + '"';

// RESULT

// Canada ""

是的，還可以使用反斜杠轉(zhuǎn)義符。

(3) 轉(zhuǎn)義符(`)

因為模板字符串使用反引號創(chuàng)建其字符串，所以當要輸出該字符時，我們必須使用反斜杠對其進行轉(zhuǎn)義。

6. 使用哪種方式?

我展示了一些使用不同方式連接字符串的示例。哪種方法更好取決于所有情況。關(guān)于樣式偏好，我喜歡遵循Airbnb風格指南。

因此，模板字符串必勝!

7. 為什么其他方式仍然重要?

知道其他的方法也還是很重要的。為什么這么說呢?因為并不是每個代碼庫都會遵循這個規(guī)則，或者你可能面對的是一個遺留代碼庫。作為一個開發(fā)者，我們需要能夠適應和理解我們所處的任何環(huán)境。我們是來解決問題的，而不是抱怨技術(shù)有多老 除非這種抱怨是配合實際行動來改善的。那我們就有進步

件轉(zhuǎn)換工具新增exel轉(zhuǎn)html功能，可在線預覽excel。

excel轉(zhuǎn)html

1.打開工具，選擇excel文件

2.轉(zhuǎn)換文件

單sheet模式

可以看到提供了頁數(shù)屬性單sheet和多sheet，默認為單sheet，該種模式下，轉(zhuǎn)換器會將excel里每個sheet頁轉(zhuǎn)換到一個html文件上，從上至下拼接起來，如下圖：

多sheet模式

該模式下轉(zhuǎn)換器會自動識別excel每個sheet頁，并將每個sheet輸出到html上對應tab頁上，可以點擊html上不同tab頁切換查看內(nèi)容，如下圖。

工作生活中，經(jīng)常會遇到excel文件需要在內(nèi)部系統(tǒng)線上或線下發(fā)給其他人預覽，但是又不想其他人有編輯權(quán)限，我們一般會將excel文件轉(zhuǎn)圖片或轉(zhuǎn)pdf上傳系統(tǒng)，這里提供了一種新途徑直接轉(zhuǎn)html，瀏覽器可在線預覽，相關(guān)軟件工作人員也可開發(fā)相應的excel在線預覽功能。

前做過文檔，讓我挖這個免費格式轉(zhuǎn)換網(wǎng)站，真是太神奇了。

在生活和工作中，我們經(jīng)常需要將文件從一種格式轉(zhuǎn)換為另一種格式。例如，將Word文件轉(zhuǎn)換為PDF或MP3文件轉(zhuǎn)換為WAV。然而，要找到一個適合我們的文件轉(zhuǎn)換工具并不容易。在這種情況下，Zamzar可以派上用場。

功能介紹

Zamzar是一種在線文件轉(zhuǎn)換工具(每天免費轉(zhuǎn)換次數(shù)有限，因為可以免費注冊試用，可以更換瀏覽器或打開無痕窗口繼續(xù)使用)，可以幫助您快速輕松地將文件從一種格式轉(zhuǎn)換為另一種格式。

它支持1200多種不同的文件格式，如文檔、圖像、音頻和視頻。以下是Zamzar的一些主要功能：

文件轉(zhuǎn)換

1.文檔轉(zhuǎn)換:Zamzar可以將各種格式的文檔轉(zhuǎn)換為PDF，如Worddd、Excel、PowerPoint等。

2.PDF轉(zhuǎn)換:Zamzar除了將文檔轉(zhuǎn)換為PDF外，還可以將PDF轉(zhuǎn)換為其他格式，如Worddd、Excel、HTML等。

3.合并PDF：Zamzar可以將多個PDF文件合并成PDF。

4.分割PDF：一個大的PDF文件可分為幾個小的PDF文件。

5.圖像轉(zhuǎn)換：支持將圖像文件轉(zhuǎn)換為其他格式，如JPG轉(zhuǎn)換PNG、GIF轉(zhuǎn)BMP等，幾乎涵蓋了日常生活中看到的圖片格式。

6.音頻視頻轉(zhuǎn)換:Zamzar可以將音頻和視頻文件轉(zhuǎn)換為其他格式，如MP3轉(zhuǎn)換WAV、AVI轉(zhuǎn)MP4等，還支持MKV、flv、avi、3gp等格式互轉(zhuǎn)。支持MP33、midi、wav、ogg、flac等多種格式。

7.電子書轉(zhuǎn)換：支持從EPUB到MOBI的電子書文件格式轉(zhuǎn)換。

8.批量轉(zhuǎn)換：Zamzar還支持批量轉(zhuǎn)換，可同時將多個文件轉(zhuǎn)換為另一種格式。