Js字符串操作函数大全(含正则)

/*
******************************************
JS自带函数
******************************************
*/

concat

将两个或多个字符的文本组合起来,返回一个新的字符串。
var a = “hello”;
var b = “,world”;
var c = a.concat(b);
alert(c);
//c = “hello,world”

indexOf

返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。
var index1 = a.indexOf(“l”);
//index1 = 2
var index2 = a.indexOf(“l”,3);
//index2 = 3

charAt

返回指定位置的字符。
var get_char = a.charAt(0);
//get_char = “h”

lastIndexOf

返回字符串中一个子串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回 -1 。
var index1 = lastIndexOf(‘l’);
//index1 = 3
var index2 = lastIndexOf(‘l’,2)
//index2 = 2
match
检查一个字符串匹配一个正则表达式内容,如果么有匹配返回 null。
var re = new RegExp(/^\w+$/);
var is_alpha1 = a.match(re);
//is_alpha1 = “hello”
var is_alpha2 = b.match(re);
//is_alpha2 = null

substring

返回字符串的一个子串,传入参数是起始位置和结束位置。
var sub_string1 = a.substring(1);
//sub_string1 = “ello”
var sub_string2 = a.substring(1,4);
//sub_string2 = “ell”

substr

返回字符串的一个子串,传入参数是起始位置和长度
var sub_string1 = a.substr(1);
//sub_string1 = “ello”
var sub_string2 = a.substr(1,4);
//sub_string2 = “ello”

replace

用来查找匹配一个正则表达式的字符串,然后使用新字符串代替匹配的字符串。
var result1 = a.replace(re,”Hello”);
//result1 = “Hello”
var result2 = b.replace(re,”Hello”);
//result2 = “,world”

search

执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。
var index1 = a.search(re);
//index1 = 0
var index2 = b.search(re);
//index2 = -1

slice

提取字符串的一部分,并返回一个新字符串(与 substring 相同)。
var sub_string1 = a.slice(1);
//sub_string1 = “ello”
var sub_string2 = a.slice(1,4);
//sub_string2 = “ell”

split

通过将字符串划分成子串,将一个字符串做成一个字符串数组。
var arr1 = a.split(“”);
//arr1 = [h,e,l,l,o]

length

返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。
var len = a.length();
//len = 5

toLowerCase

将整个字符串转成小写字母。
var lower_string = a.toLowerCase();
//lower_string = “hello”

toUpperCase

将整个字符串转成大写字母。
var upper_string = a.toUpperCase();
//upper_string = “HELLO”

/*
******************************************
字符串函数扩充
******************************************
*/

/*
===========================================
//去除左边的空格
===========================================

*/
String.prototype.LTrim = function()
{
return this.replace(/(^\s*)/g, “”);
}

/*
===========================================
//去除右边的空格
===========================================
*/
String.prototype.Rtrim = function()
{
return this.replace(/(\s*$)/g, “”);
}

/*
===========================================
//去除前后空格
===========================================
*/
String.prototype.Trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, “”);
}

/*
===========================================
//得到左边的字符串
===========================================
*/
String.prototype.Left = function(len)
{

if(isNaN(len)||len==null)
{
len = this.length;
}
else
{
if(parseInt(len)<0||parseInt(len)>this.length)
{
len = this.length;
}
}

return this.substr(0,len);
}

Read More

九宫格布局

据说业界比较有名气的司徒正美被这道题给难住了。来自一淘的 WEB 前端的面试题,题目要求如下:
使用 HTML+CSS 实现如图布局,border-width:5px,格子大小是 50px*50px,hover时边框变成红色,需要考虑 IE6+ 和语义化的结构。
题目不难,主要还是考察面试者对 CSS 灵活运用程度。

4F3B001DFEC59B65B196E4E1FCA151B65088292D5689A_170_170

下面是我写的方法,欢迎参考~

提示:你可以先修改部分代码再运行。