关于String的属性和方法
2018-06-24 01:49:08来源：未知 阅读 ()
一、关于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
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
下一篇：小刘同学的第一百篇博文
- 关于jQuery UI 使用心得及技巧 2020-03-29
- javascript 中关于array的常用方法详解 2020-03-16
- 关于JS array的数组 2020-03-08
- Vue input控件通过value绑定动态属性及修饰符的方法 2020-03-05
- JS批量操作CSS属性详细解析 2020-02-29
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
