JaveScript基础之数据类型转换和常用字符串的操作方法

Posted 2020-11-05 laiyanyu

1、JaveScript数据类型转换：

A、转字符串：通过“+”或toString();

　　PS:如果都是数值类型，‘+’会进行求和运算，否则会做字符串连接；

var s=2.5;d=3;
alert(s+d);//5.5

var s=2.5;d=‘test‘;
alert(s+d);//2.5test

B、转整形：parseInt();

C、转浮点型：parseFloat();

　　PS:parseInt() 和parseFloat() 的区别在于：

　　parseFloat() 所解析的字符串中第一个小数点是有效的，而parseInt() 遇到小数点会停止解析，因为小数点并不是有效的数字字符。

　　parseFloat() 始终会忽略前导的零，十六进制格式的字符串始终会被转换成0，而parseInt() 第二个参数可以设置基数，按照这个基数的进制来转换。

 

2、JaveScript常用字符串的操作方法

A、charAt(index)：index必需，表示字符串中某个位置的数字，即字符在字符串中的下标，index从0开始

var str="Hello world!"
alert(str.charAt(1));//e

B、toLowerCase()：将所有字符串转换为小写字母；

      toUpperCase()：将所有字符串转换为大写字母；

var str="Hello World!"
console.log(str.toLowerCase());//hello world!
console.log(str.toUpperCase());HELLO WORLD!

C、indexOf()

　　stringObject.indexOf(searchvalue,fromindex)方法可返回某个指定的字符串值在字符串中首次出现的位置。

　　searchvalue：必需。规定需检索的字符串值

　　fromindex：可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

　　indexOf() 方法对大小写敏感！

　　如果要检索的字符串值没有出现，则该方法返回 -1。

 

var str="Hello world!";
console.log(str.indexOf("Hello"));//0
console.log(str.indexOf("World"));//-1
console.log(str.indexOf("world"));//0

D、lastIndexOf()

　　stringObject.lastIndexOf(searchvalue,fromindex)方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

　　searchvalue：必需。规定需检索的字符串值。

　　fromindex：可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索

　　lastIndexOf() 方法对大小写敏感

　　如果要检索的字符串值没有出现，则该方法返回 -1。

var str="Hello world!";
console.log(str.lastIndexOf("Hello"));//0
console.log(str.lastIndexOf("World"));//-1
console.log(str.lastIndexOf("world"));//6

E、substring()

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

　　star：必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。

　　stop：可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。

　　substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。

　　如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

var str="Hello world!";
console.log(str.substring(3));//lo world!
console.log(str.substring(3,7));//lo w

F、slice()

　　stringObject.slice(start,end)方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

　　start：要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1 指字符串的最后一个字符，-2 指倒数第二个字符，以此类推。

　　end： 紧接着要抽取的片段的结尾的下标。若未指定此参数，则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。

var str="Hello happy world!";
console.log(str.slice(6));//happy world!
console.log(str.slice(6,11));//happy

G、concat()

　　stringObject.concat(stringX,stringX,...,stringX)方法用于连接两个或多个字符串。

　　stringX ：必需。将被连接为一个字符串的一个或多个字符串对象。

　　请注意，使用 " + " 运算符来进行字符串的连接运算通常会更简便一些。

var str1="Hello ";
var str2="world!";
console.log(str1.concat(str2));//Hello world!

H、replace()

　　stringObject.replace(regexp/substr,replacement)方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

　　regexp/substr：必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。

　　replacement：必需。一个字符串值。规定了替换文本或生成替换文本的函数。

　　字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

var str="Visit Microsoft!"
console.log(str.replace(/Microsoft/, "W3School"));//Visit W3School!

var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."
console.log(str.replace(/Microsoft/g, "W3School"));
//Welcome to W3School! We are proud to announce that W3School has one of the largest Web Developers sites in the world.
console.log(str.replace(/Microsoft/, "W3School"));
//Welcome to W3School! We are proud to announce that Microsoft has one of the largest Web Developers sites in the world.

I、split() 

　　stringObject.split(separator,howmany)方法用于把一个字符串分割成字符串数组

　　separator：必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。

　　howmany：可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

var str="How are you doing today?";
console.log(str.split(" "));// ["How", "are", "you", "doing", "today?"]
console.log(str.split(""));//["H", "o", "w", " ", "a", "r", "e", " ", "y", "o", "u", " ", "d", "o", "i", "n", "g", " ", "t", "o", "d", "a", "y", "?"]
console.log(str.split(" ",3));//["How", "are", "you"]
"2:3:4:5".split(":");//["2", "3", "4", "5"]
"|a|b|c".split("|");//["", "a", "b", "c"]

J、match() 

　　stringObject.match(searchvalue);

　　stringObject.match(regexp);

　　searchvalue:必需。规定要检索的字符串值。

　　regexp:必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象，则需要首先把它传递给 RegExp 构造函数，将其转换为 RegExp 对象。

　　match() 方法将检索字符串 stringObject，以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。

如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外，返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置，input 属性声明的是对 stringObject 的引用。

如果 regexp 具有标志 g，则 match() 方法将执行全局检索，找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串，则返回 null。如果找到了一个或多个匹配子串，则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同，它的数组元素中存放的是 stringObject 中所有的匹配子串，而且也没有 index 属性或 input 属性。

var str="Hello world!";
console.log(str.match("world"));
//["world", index: 6, input: "Hello world!"]
console.log(str.match("World"));//null
console.log(str.match("worlld"));//null
console.log(str.match("world!"));
//["world!", index: 6, input: "Hello world!"]
var str="1 plus 2 equal 3";
console.log(str.match(/\d+/g));//["1", "2", "3"]

K、search() 

　　stringObject.search(regexp)

　　regexp:该参数可以是需要在 stringObject 中检索的子串，也可以是需要检索的 RegExp 对象。注释：要执行忽略大小写的检索，请追加标志 i。

　　search() 方法不执行全局匹配，它将忽略标志 g。它同时忽略 regexp 的 lastIndex 属性，并且总是从字符串的开始进行检索，这意味着它总是返回 stringObject 的第一个匹配的位置

　　如果没有找到任何匹配的子串，则返回 -1。

var str="Visit W3School!";
console.log(str.search(/W3School/));//6
console.log(str.search(/w3school/));//-1
console.log(str.search(/w3school/i));//6