天天看點

8個簡單的JavaScript字元串方法

8個簡單的JavaScript字元串方法

英文 | https://medium.com/front-end-weekly/8-javascript-string-methods-as-simple-as-possible-4239524035e8

翻譯 | web前端開發 (ID:web_qdkf)

JavaScript并不是它最初問世時的樣子了。

作為前端開發人員,學習JavaScript既覺得可怕又覺得至關重要。而且,如果你像我一樣,則不知道去哪裡,從哪裡開始。

網絡上成千上萬的學習資源可供選擇,這時,又會使我們感到焦慮,什麼也學不到。我們陷入了學習資源的地獄。

這是一個系列時的文章,今天我們開始字元串的學習。

是以,事不宜遲,讓我們開始吧。

1、length

length屬性傳回字元串中包含空格的字元數。

const str = "Hello World";
str.length
//Returns 11      

2、Slice

slice()方法提取字元串的一部分,并将提取的部分傳回到新字元串中。它有兩個參數。這類似于切一條面包,然後在其中切成薄片。但是請記住,索引從零開始。

const str = "Hello World";
str.slice(2 , 5);
//Returns llo      

在上面的示例中,我們可以想象在位置2和5處進行切割,然後傳回其之間的部分(llo)。

3、Replace

replace()方法将指定的值替換為字元串中的另一個值。

const str = 'YouAreAwesome';
str.replace('Awesome', 'Beautiful');
//returns 'YouAreBeautiful" because you are :)      

4、改變大小寫

toUpperCase()和toLowerCase()是用于将字元串轉換為大寫或小寫的方法。這有助于我們實作大寫姓名的首字母。

const name = 'Shelby';
name.toUpperCase();
//SHELBY
name.toLowerCase();
//shelby      

5、Concat

concat()方法用于連接配接兩個或多個字元串。當你有一個人的名字并想向他們打招呼時,這将很友善。

const str = 'Tim';


str.concat('IsAwesome');
//TimIsAwesome      

6、Trim

trim()方法用于删除字元串兩側的空白。

const str = '    JavaScriptIsHard    ';
str.trim();
//JavaScriptIsHard      

7、Charat

charAt()方法傳回字元串中指定索引處的字元。

const best = 'JavaScript';
best.charAt(6);
// returns r      

8、Split

split()方法将字元串轉換為數組。你必須傳遞一個字元,例如逗号(,)或空格,以告知在何處分割字元串。如果未傳遞任何内容,則在每個字元之間分割字元串。

const msg = 'Eight,Methods,Are,Done';
msg.split(',');
// returns the array ["Eight", "Methods", "Are", "Done"]      

結論

這是8種盡可能簡單的JavaScript字元串方法。這對我的學習旅程有所幫助。我相信這對您也很重要。

繼續閱讀