天天看点

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字符串方法。这对我的学习旅程有所帮助。我相信这对您也很重要。

继续阅读