关于String的属性和方法

2018-06-24 01:49:08来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

 

一、关于String的属性和方法

String作为JavaScript的内置函数,String.prototype继承于Object.prototype,同时String.prototype上内置了很多方法:

nchor()、big()、blink()、bold()、charAt()、charCodeAt()、codePointAt()、concat()、String()、endsWith()、fixed()、

fontcolor()、fontsize()、includes()、indexOf()、italics()、
lastIndexOf()、length、link()、localeCompare()、match()、

normalize()、padEnd()、padStart()、repeat()、replace()、search()、slice()、small()、split()、startsWith()、strike()、sub()、substr()、

substring()、sup()、toLocaleLowerCase()、toLocaleUpperCase()、toLowerCase()、toString()、toUpperCase()、trim()、trimLeft()、

trimRight()、valueOf()、[Symbol.iterator]()、__proto__: Object

 

var str = "abc123ABC";
var str1 = "Concat1";
var str2 = "Concat2";

 

1、字符串的length属性

console.log(str.length); // 9


2、字符串的方法
a. concat

console.log(str.concat(str1, str2)); // abc123ABCConcat1Concat2


==> 返回新的字符,不改变原字符串

b. slice(start,end)

console.log(string.slice(0, 3)); // abc ==> 下标[0, 3)
console.log(string.slice(-3)); // ABC ==> 倒数第3位到结束
console.log(string.slice(-6, -3)); // 123 ==> 倒数下标[-6, -3)


==> slice(start,end)==>返回一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。当没有第二个参数时,截止到最后。

==> 当只有一个参数,并且这个参数为负数时,表示从字符串尾部开始,-1表示倒数第一开始,n表示倒数第n开始到最后。


c. substring(start,end)

console.log(str.substring(0, 3)); // abc ==> 下标[0, 3)
console.log(str.substring(-2, 3)); // abc ==> -2转化为0,下标[0, 3)
console.log(str.substring(-2, -3)); // abc ==> -2和-3转化为0,为空字符串
// substring和slice差不多,只是不支持负数,转换为0


d. substr(start,lenght)

console.log(str.substr(0, 5)); // abc12
console.log(str.substr(-3, 5)); // ABC
console.log(str.substr(-3)); // ABC
console.log(str.substr(-3, -5)); // ABC


//和上面两个不同的是substr的第二个参数表示截取字符串的长度,如果只有一个参数和slice相同,如果第二个参数为为负数转换为0

//还要注意的是,String.slice() 与 Array.slice() 相似。


对以上三个方法的总结:
1、只接受两个参数,返回新的字符串,不改变原字符串
2、slice ==> 参数可以为负
subString ==> 参数都不可以为负,自动转换为0
subStr ==> 第一个参数可以为负,第二个参数表示的是字符串的长度,不能为负数,自动转换为0

e. indexOf(string, start)和lastIndexOf(string, start)

indexOf搜索目标字符串的开始索引,第一个参数只能是字符串,且对大小写敏感,只返回第一个的位置索引; indexOf第二个参数表示从该索引开始搜索,只能为正数,负数自动转化为0。

lastIndexOf从后往前搜索目标字符串的开始索引,第一个参数只能是字符串,且对大小写敏感,只返回最后一个的位置索引; indexOf第二个参数只能为正数,负数返回结果为-1找不到。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。

var str = '123abcABC123abcABC123abcABC123abcABC';
console.log(str.indexOf('abc')); // 3
console.log(str.indexOf('dddd')); // -1 ==> 找不到

str.indexOf('abc', 6); // 12
str.indexOf('abc', -6); // 3

str.lastIndexOf('abc', 4); // 3
str.lastIndexOf('abc', -4); // -1
str.lastIndexOf('abc', 14); // 12

 

f. search(sting/RegExp)

搜索目标字符串的开始索引,参数可以是字符串或者正则,对大小写敏感,正则可以忽略大小写敏感。 只返回第一个的位置索引,所以即使是全局匹配g也是返回第一个的位置索引; 特别注意:search方法只接收一个参数。

var str = '123abcABC123abcABC123abcABC123abcABC';
console.log(str.search('abc')); // 3
console.log(str.search(/Abc/ig)); // 3
console.log(str.search(/Abc/ig, 6)); // 3
console.log(str.search('dddd')); // -1 ==> 找不到

 

indexOf:不支持正则,支持指定起始位置开始搜索(负数时转化为0),有lastIndex反向搜索 search:支持正则和字符串,不支持指定起始位置开始搜索

g. match(searchvalue, regexp)

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

searchvalue 必需。规定要检索的字符串值。
regexp 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。

var str = '123abcABC123abcABC123abcABC123abcABC';
console.log(str.match('abc')); // ["abc"]
console.log(str.match(/abc/)); // ["abc"]
console.log(str.match(/abc/g)); // ["abc", "abc", "abc", "abc"]
console.log(str.match(/\d+/g)); // ["123", "123", "123", "123"]


h. replace(str/RegExp, repalcement) 第一个参数时字符串或正则,字符串只能替换第一个,正则可以匹配设置(ig); 第二个参数repalcement如果是字符串那么就只接替换,repalcement可以是函数。

var str = '123abcABC123abcABC123abcABC123abcABC';
console.log(str.replace('abc', 'RRR')); // "123RRRABC123abcABC123abcABC123abcABC"

console.log(str.replace(/abc/ig, 'RRR')); // "123RRRRRR123RRRRRR123RRRRRR123RRRRRR"

 

i. trim() ==> IE9以下没有这个方法,要做兼容,如下:

//console.log("trim()==>空格处理:")
String.prototype.ltrim=function() {
   return this.replace(/^\s*/g,"");
};
String.prototype.rtrim=function() {
   return this.replace(/\s*$/g,"");
};
String.prototype.trim=function() {
   return this.replace(/(^\s*)|(\s*$)/g,"");
};

 

j. 字符串比较

log(str.localeCompare(str1)); //-1
log(str1.localeCompare(str)); //1
log(str.localeCompare(str)); // 0


k. 字符串大小写转换

log(str.toUpperCase()); // ABC123ABC
log(str.toLocaleUpperCase()); // ABC123ABC

log(str.toLowerCase()); // abc123abc
log(str.toLocaleLowerCase()); // abc123abc

 

l. split ==> 将字符串转换为数组

var arr = str.split('');
console.log(arr); //["a", "b", "c", "1", "2", "3", "A", "B", "C"]

 

join ==> 将数组转换为字符串

console.log(arr.join('')); // abc123ABC

 


二、支持正则表达式的 String 对象的方法

search、match、replace、split

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Angular组件——父组件调用子组件方法

下一篇:小刘同学的第一百篇博文