字符串转换(几种方式)
//判断是否是字符串
function isStr(str) {
return (typeof str == 'string') && str.constructor == String;
}
function isNumber(obj) {
return (typeof obj == 'number') && obj.constructor == Number;
}
var num = 19;
console.log("isNumber---"+isNumber(num));
console.log("isStr---"+isStr(num));
var Str1 = num.toString();
var Str2 = String(num);
var Str3 = "" + num;
console.log("isNumber-Str1--"+isNumber(Str1));
console.log("isStr-Str1--"+isStr(Str1));
输出结果:
isNumber---true
isStr---false
isNumber-Str1--false
isStr-Str1--true
输出的结果(我们还可以学到怎么判断是否是某个数据类型的-typeof)
字符串分割
//分割字符串
var data = "joe,anjia,nn,mm,nm";
var newData1 = data.split(",");
var newData2 = data.split(".");
console.log(newData1)
console.log(newData2)
输出结果:
["joe", "anjia", "nn", "mm", "nm"]
["joe,anjia,nn,mm,nm"]
从上面的输出内容我们可以看出==split== 无论是否有这个分割的字符，都返回了数组，如果有的话就返回对应的分割数组，如果没有就返回长度等于1的字符串数组
获取字符串长度(没啥好讲的)
//获取字符串长度
var data = "joe"
console.log("长度--"+data.length)
输出结果
长度--3
在一个字符串中查询某个字符串
- indexOf() 来定位字符串中某一个指定的字符首次出现的位置。
//获取字符串长度
var data = "joe 你好";
console.log("查看结果"+data.indexOf("e"))
console.log("查看结果"+data.indexOf("2"))
输出结果
查看结果2
查看结果-1
结论：从0开始找，找到之后返回对应的坐标，找不到就返回 -1
- lastIndexOf
var data = "joe你好enen";
console.log("查看结果"+data.lastIndexOf("e"))
console.log("查看结果"+data.lastIndexOf("2"))
输出结果
查看结果7
查看结果-1
结论：从字符串的末尾开始查找，找到返回对应坐标，找不到返回-1
- match() 方法
var data = "joe你好enen";
console.log("查看结果"+data.match("你好"))
console.log("查看结果"+data.match("joe"))
console.log("查看结果"+data.match("哈哈哈"))
输出结果
查看结果你好
查看结果joe
查看结果null
结论：match()来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。没有就返回null
字符串替换
- replace
var data = "joe你好enen你好-你好";
console.log("查看结果-"+data.replace("你好","哈哈"))
console.log("查看结果-"+data)
输出结果:
查看结果-joe哈哈enen你好-你好
查看结果-joe你好enen你好-你好
结论：只是替换一次，就是初次出现的位置，并且是新的字符串，并没有改变原来的字符串。
- 全局替换
然而js并没有提供replaceAll这样的方法，我们可以自行去实现，下面列举三种方法。
（1） 使用正则表
var data = "joe你好enen你好-你好";
// console.log("查看结果-"+data.replace("你好","哈哈"))
// console.log("查看结果-"+data)
console.log("查看结果-"+data.replace(/你好/g,"哈哈"))
输出结果:
查看结果-joe哈哈enen哈哈-哈哈
说明：g 的意义是：执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
（2）正则另一种写法
var data = "joe你好enen你好-你好";
console.log("查看结果-"+data.replace(new RegExp("你好","gm"),"哈哈"))
输出结果:
查看结果-joe哈哈enen哈哈-哈哈
g 表示执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。m 表示执行多行匹配。
（3）添加 Stirng对象的原型方法
var data = "joe你好enen你好-你好";
String.prototype.replaceAll = function (oldStr,newStr) {
return this.replace(new RegExp(oldStr,"gm"),newStr);
}
console.log("查看结果-"+data.replaceAll("你好","哈哈"))
输出结果:
查看结果-joe哈哈enen哈哈-哈哈
字符串链接
var data = "你好";
data = data+"小军";
console.log("查看结果-"+data);
console.log("查看结果-"+data.concat("第一个","第二个","第三个"));
输出结果:
查看结果-你好小军
查看结果-你好小军第一个第二个第三个
+和 concat 拼接看代码没啥好说的
字符串提取和切割一部分并返回
var data = "0123456789";
console.log("查看结果-"+data.slice(1,3));
console.log("查看结果-"+data.substring(1,3));
console.log("查看结果-"+data.substr(1,3));
输出结果:
查看结果-12
查看结果-12
查看结果-123
结论：substr 第二个参数是表示长度，
字符串大小转换
var data = "ADDDaa";
console.log("查看结果-"+data.toLocaleLowerCase());
console.log("查看结果-"+data.toLocaleUpperCase());
输出结果:
查看结果-adddaa
查看结果-ADDDAA
