JS特效

String内置对象

字符串连接和截取

concat 连接两个字符串，返回新的字符串

 var str1 = "abc";
 var str2 = "123";
 var str3 = str1.concat(str2);
console.log(str1);
console.log(str2);
console.log(str3);

slice() 根据索引值和索引值截取字符串

console.log(str.slice(2)); //从索引截取到最后
console.log(str.slice(2, 5)); //从索引截,包左不包右
console.log(str.slice(-3)); //后几个
console.log(str.slice(5, 2)); //空字符串

substr() 根据索引值和长度值截取字符串

console.log(str.substr(2)); //从索引截取到最后
console.log(str.substr(2, 6)); //从索引截,长度个字符串
console.log(str.substr(-3)); //后几个

substring() 根据索引值和索引值截取字符串

console.log(str.substring(2)); //从索引截取到最后
console.log(str.substring(2, 5)); //从索引截,包左不包右
console.log(str.substring(-1)); //全部截取
console.log(str.substring(5, 2)); //只能调换,同第二种

特殊方法

trim() 去除前后空格

var str1 = "   a   b   c   ";
console.log(str1);
console.log(str1.trim());

replace() 替换

var str2 = "Today is fine day,today is fine day a!!!"
console.log(str2);
console.log(str2.replace(/today/gi, "tomorrow"));//g:全部替换，i：忽略大小写

split() 字符串变数组

• 无参，是把字符串作为一个元素添加进数组中

• 空字符串，分隔字符串中每一个字符，分别添加进入数组中

• 指定字符分隔数组：特殊符号将不会出现在数组的任意一个元素中

var str3 = "关羽|张飞|刘备";
console.log(str3.split(''));//(8) ["关", "羽", "|", "张", "飞", "|", "刘", "备"]
console.log(str3.split());//["关羽|张飞|刘备"]
console.log(str3);//关羽|张飞|刘备
console.log(str3.split("|"));//(3) ["关羽", "张飞", "刘备"]

转换大小写&其他操作

toLowerCase() & toUpperCase()

var str = "abcdEFG";

//转换成小写
console.log(str.toLowerCase());
//转换成大写
console.log(str.toUpperCase());

其他操作

var str = "你好";

console.log(str.anchor()) //<a name="undefined">你好</a>
console.log(str.big()) //<big>你好</big>
console.log(str.sub()) //<sub>你好</sub>
console.log(str.sup()) //<sup>你好</sup>
console.log(str.link("http://www.baidu.com")); //<a href="http://www.baidu.com">你好</a>
console.log(str.bold()) //<b>你好</b>