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 c

8、Split

split()方法将字符串转换为数组。你必须传递一个字符,例如逗号(,)或空格,以告知在何处分割字符串。如果未传递任何内容,则在每个字符之间分割字符串。

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

结论

这是8种尽可能简单的JavaScript字符串方法。这对我的学习旅程有所帮助。我相信这对您也很重要。

JavaScript可能令人生畏,特别是如果您是初学者。但是一些简单的指南可以帮助我们减轻学习过程中的焦虑感。

本文完~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值