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

时间:2023-08-15 22:31:49

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"));//
console.log(str.indexOf("World"));//-1
console.log(str.indexOf("world"));//

D、lastIndexOf()

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

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

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

  lastIndexOf() 方法对大小写敏感

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

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

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/));//
console.log(str.search(/w3school/));//-1
console.log(str.search(/w3school/i));//