JavaScript学习笔记——基本包装类型(下)String

string类型

这里写图片描述
这里写图片描述
1、字符方法
charAt()方法以单字符字符串的形式返回给定位置的那个字符

var stringValue="hello word";
alert(stringValue.charAt(1));//e

charCodeAt()方法以单字符字符串的形式返回给定位置的那个字符的字符编码

var stringValue="hello word";
alert(stringValue.charCodeAt(1));//"101",e的字符编码是101

2、字符串操作方法
concat()方法用于将一个或多个字符串拼接起来,返回拼接得到的新字符串,原字符串不变

var stringValue="hello ";
var result = stringValue.concat("world"));
alert(result);//hello word
alert(stringValue);//hello 

ECMAScript还提供了三个基于子字符串创建新字符串的方法:slice()、substr()、substring()。这三个方法都会返回被操作字符串的一个子字符串,而且也都接受一或两个参数。第一个参数指定子字符串的开始位置,第二个参数(在指定的情况下)表示字符串到哪里结束。具体来说,slice()和substring()的第二个参数指定的子字符串最后一个字符后面的位置。而substr()的第二个参数指定的则是返回的字符个数。如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置,也不会修改字符串本身的值。

var str ='Mr.Wang';

//两个参数都为正数时
alert(str.slice(2,4));//.W   索引从 2开始 到 4结束 截取字符串
alert(str.substring(2,4));//.W  效果同上
alert(str.substr(2,4)); //.Wan   从2开始 截取长度为 4 的字符串

//如果 只含有一个 参数,他们的效果就相同了,,就是 从索引位置  一直到最后
alert(str.slice(2));//.Wang
alert(str.substring(2));//.Wang
alert(str.substr(2));//.Wang

//两个参数中有负数的时候
//slice()翻译方式:用字符串长度加上 负数的值 得到的 数字
alert(str.slice(2,-1));//.Wan   7+(-1)=6——》翻译之后是(2,6)
alert(str.slice(-2,-1));//n     翻译之后是(5,6)
alert(str.slice(-2));//ng   同样的翻译道理
//substring()翻译方式:只要遇到 负数就 返回0,,如果前面的数字 大于 后面的数字,就将两个数字调换位置
alert(str.substring(2,-1)); // Mr   翻译结果:(1,2)
//substr() 翻译方式:遇到 负数 直接返回0  ,但是不会调换位置
alert(str.substr(2,-1));  // 空字符串   翻译结果:(2,0)

3、字符串位置方法
indexOf()和lastIndexOf()这两个方法都是从一个字符串中搜索给定子字符串,然后返回子字符串的位置(如果没有找到返回-1)。两个方法都可以接受第二个参数,表示从字符串哪个位置开始搜索。区别在于indexOf从字符串开头向后搜索,lastIndexOf从末尾向前搜索。

var str ='Mr.Wang is a good Wang.Wang is a best Wang.';
alert(str.indexOf('Wang'));//3   默认是 索引为0  的位置 开始 搜索的
alert(str.indexOf('Wang',10));//18    第二个参数:开始搜索的 索引位置
//PS:如果没有找到 搜索字符串  那么就会 返回-1

4、trim()方法
这个方法会创建一个字符串的副本,删除前置及后缀的所有的空格,然后返回结果。原始字符串不发生改变。
5、字符串大小写转换方法
这里写图片描述
6、字符串的模式匹配方法
这里写图片描述

var box = 'Mr.Lee is Lee';
alert(box.match('L'));//L,找到 L,返回 L 否则返回 null
alert(box.search('L'));//3,找到 L 的位置,和 indexOf 类型
alert(box.replace('L', 'Q'));//Mr.Qee is Lee,把 L 替换成 Q
alert(box.split(' '));//Mr.Lee,is,Lee以空格分割成字符串

7、localeCompare()方法
localeCompare(str1,str2)方法详解:比较两个字符串并返回以下值中的一个;
1.如果字符串在字母表中应该排在字符串参数之前,则返回一个负数。(多数-1)
2.如果字符串等于字符串参数,则返回 0。
3.如果字符串在自附表中应该排在字符串参数之后,则返回一个正数。(多数 1)

var box = 'Lee';
alert(box.localeCompare('apple'));//1
alert(box.localeCompare('Lee'));//0
alert(box.localeCompare('zoo'));//-1

8、fromCharCode()方法
这个方法的任务是接受一个或多个字符编码,然后转换成一个字符串

alert(String.fromCharCode(76));//L,输出 Ascii 码对应值

9、HTML方法
这里写图片描述

发布了41 篇原创文章 · 获赞 13 · 访问量 10万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章