JavaScript笔记 字符串的属性和方法

字符串的属性和方法
2.1 属性
Length 返回字符串的长度

var a = "我们想要学习更多 的Word啊!"
console.log(a.length);

字符串的长度包括:汉字、英文字母、空格、和特殊符号,每一个都占了一个长度。

2.2 方法
charAt() 返回在指定位置的字符。
Character 字符的意思
这个参数就是字符串的下标。索引值也是从0开始。

console.log(a.charAt(5));

Concat() 连接字符串。
可以连接两个或多个字符串,并且返回一个新的字符串,原来的字符串不受影响。

var b = a.concat("得自己总结",",或者从别人那里得到");
console.log(a);
console.log(b);

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
从字符串前面开始找,找到第一个符合的字符串,输出它的索引值。

console.log(b.indexOf("得"));

lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
注意:输出的是最后一个出现的位置的索引值,不是从后面数第几个。

console.log(b.lastIndexOf("得"));  //返回索引值

29
slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
Start:截取开始的位置,包括。
End:结束的索引值位置,不包括这个位置。

var c = a.slice(3,7);//包含起始位置,不包含结束位置
console.log(c);

也可以只传一个参数:截取到最后。
可以传递负的参数。

split() 方法用于把一个字符串分割成字符串数组。
参数:就是我们的分隔符。

var a = "aldsjfoasdfkadowejfssfd";
var arr = a.split("f");  //必须加引号
var b = arr.join("f");
console.log(arr);
console.log(b);

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
截取从指定位置开始的指定长度的字符串片段。

var b = a.substr(4,6);//从下标为4的开始,截取6个字符
console.log(a);
console.log(b);

也可以只输入一个参数:从起始位置截取到最后。它可以等价于slice方法只传一个数值。

var b = a.substr(4);//从下标为4的开始,截取6个字符
var c = a.slice(4);

第一个参数可以传负值。

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

var d = a.substring(4,9);

从起始位置开始截取到结束位置,不包括结束位置。
substring与slice和substr不同:可以颠倒参数的顺序。

var c = a.slice(9,4);   //起始位置不能大于结束位置
var d = a.substring(9,4);  //提前将两个数值调换,从比较小的值开始取,取到9的前面

不同点:substring不能传负值。
substr能传负值

转换大小写:

toLowerCase() 方法用于把字符串转换为小写。
toUpperCase() 方法用于把字符串转换为大写。
var u = a.toUpperCase();
console.log(u);
var l = u.toLowerCase();
console.log(l);

实例:把字符串“i love math very much”每个单词的首字母大写。

//首字母大写
var a = "i love math very much";
//找到所有的单词,转成数组,每一个数据就是一个单词
var arr = a.split(" ");  //["i", "love", "math", "very", "much"]
//console.log(arr);
//对每一个单词进行操作,遍历数组
for(var i = 0 ; i <= arr.length - 1; i++){
    
    
//首字母大写
//字符串找首位的字符
arr[i] = arr[i].charAt(0).toUpperCase() + arr[i].slice(1);
}
//console.log(arr);

//数组转字符串
var b = arr.join(" ");
console.log(b);

猜你喜欢

转载自blog.csdn.net/weixin_44368963/article/details/108481891