JS从零开始(18)

97 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第18天,点击查看活动详情

concat()

这个方法是用来连接两个字符串的,例如:

var str1 = 'abcdef';
var str2 = 'ghijk';
var newstr = str1.concat(str2);
console.log(newstr);//abcdefghijk

但是,我们在连接字符串的时候通常不用这种方法,这种方法在数组里面用的比较多,数组我们后面会讲到。

split()

这个方法很重要,作用是将字符串转变为数组,括号内的参数是指定的分隔符,例如:

var str1 = 'a, b, c, d, e, f';
var array = str1.split(',');
console.log(array);

image.png

这个方法在前端开发中用的非常多,因此我们还有几个使用技巧需要掌握:

var str1 = '啦啦啦abcdefg475y哈哈';
//技巧1
var array1 = str1.split('');//将字符串中每一个字符用逗号分隔(默认)
console.log(array1);
//技巧2
var array2 = str1.split();//不传任何参数,默认将整个字符串作为一个数组元素
console.log(array2);
//技巧3
var array3 = str1.split('e');//以e字符分隔字符串,分割后的数组元素不包含指定参数
console.log(array3);

image.png

replace()

我们看到这个单词的意思就知道是啥,顾名思义,是将指定的字符串替换成新的字符串,因此我们需要传两个参数。例如:

var str1 = 'Can you can a can as a canner can can a can ?'
var str2 = str1.replace('Can', 'Do');
console.log(str2);//Do you can a can as a canner can can a can ?

ps:如果需要替换整个字符串的话,我们需要用到正则表达式,这个我们后面会讲到。

repeat()

重复(克隆)字符串,括号里面传的参数是字符串重复的次数,例如:

var str1 = 'abcdefg';
var str2 = str1.repeat(2);
console.log(str2);//abcdefgabcdefg

trim()

作用是去除字符串首尾的空格,看清楚了是字符串首尾的空格,而不是字符串之间的空格,例如:

var str1 = '     a b c     d e   f   ';
console.log(str1);
var str2 = str1.trim();
console.log(str2);

image.png

今天就聊到这里!👀