`

js操作字符串大全

阅读更多
【1、字符串的创建】
var myStr = "Hello, String!";//可以用双引号或单引号将字符串包含,但界定字符串的一对引号必须是相同的
var myString = "Fluffy is a pretty cat.'; //这样的声明就是非法的。
document.write("<img src="/img/logo.jpg" height='30' width='100' alt='Logo'>");//允许使用两种引号,使得某些操作变得简单
我们在上面脚本创建了几个字符串,但本质上,它们并不是真正的字符串对象,准确地说,它们是字符串类型的值。要创建一个字符串对象,可使用如下语句:
var strObj = new String("Hello, String!");
使用typeof运算符查看会发现,上面的myStr类型为string,而strObj类型为object。
如果想知道字符串的长度,使用其length属性:string.length。
【2、substring方法】
用于提取字符串中介于两个指定下标之间的字符
语法:substring(start,end)
开始和结束的位置,从零开始的索引
参数     描述
start     必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop     可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject中的位置多1。如果省略该参数,那么返回的子串会一直到字符串的结尾。
返回值
一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
说明
substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
如果 start 或 end 为负数,那么它将被替换为 0。
也就是说,substring()总是从两个参数中较小的那个开始,到较大的那个结束。不过要注意,它包含起始位置的那个字符,但不包含结束位置的那个字符。
举例:
    var strValA = "abcdefg";
var substringResult = strValA.substring(0,2);
【3、substr 方法】
用于返回一个从指定位置开始的指定长度的子字符串。JavaScript标准不提倡使用该方法。
语法
stringObject.substr(start[, length])
参数    描述
start   必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。
说明
如果start为负数,则start=str.length+start。
如果 length 为 0 或负数,将返回一个空字符串。
如果没有指定该参数,则子字符串将延续到stringObject的最后。
举例:
var strValA = "abcdefg";
var substrResult = strValA.substr(0,3);
【4、concat()方法】
– 将两个或多个字符的文本组合起来,返回一个新的字符串。
举例:
var strValA = "abcdefg";
var strValB ="abc";
var strValC ="def";
var concatResult = strValA.concat(strValB,strValC);
字符串的拼接
问题: 
将两个或多个字符串拼接为一个大的字符串
解决方案:
非常简单,就用一个"+"将两个字符串"相加":
var longString = "One piece " + "plus one more piece.";
要将多个字符串累积为一个字符串,还可以使用"+="操作符:
var result = "";
result += "My name is Anders"
result += " and my age is 25";    
要在字符串中添加换行符,需要使用转义字符"\n":
var confirmString = "You did not enter a response to the last " +
        "question.\n\nSubmit form anyway?";
var confirmValue = confirm(confirmString); 
但这种方法只能用在像警告、确认对话框之类的情况下,如果将这段文本作为HTML内容呈现,就无效了,此时用"<br>"代替它:
var htmlString = "First line of string.<br>Second line of string.";
document.write(htmlString);
String对象还提供了方法concat(),它完成与"+"相同的功能:
string.concat(value1, value2, ...)
不过concat()方法显然不如"+"来得直观简洁。
indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。
strObj.indexOf(subString[, startIndex])
strObj为要进行判断的字符串,subString为要在strObj查找的子字符串,startIndex是可选的,表示查找的开始位置(基于0的索引),如果startIndex省略,则从strObj开始处查找,如果startIndex小于0,则从0开始,如果startIndex大于最大索引,则从最大索引处开始。
var strValA = "abcdefg";
var indexOfResult= strValA.indexOf("bc");
if(largeString.indexOf(shortString) != -1)
    {
        // 如果包含,进行相应处理;
    }

下面这个函数演示如何求得一个字符串包含另外一个字符串的次数:
    function countInstances(mainStr, subStr)
    {
        var count = 0;
        var offset = 0;
        do
        {
            offset = mainStr.indexOf(subStr, offset);
            if(offset != -1)
            {
                count++;
                offset += subStr.length;
            }
        }while(offset != -1)
        return count;
    }

【5、charAt()方法】
– 返回指定位置的字符。超出有效范围的索引值返回空字符串。
var strValA = "abcdefg";
var charAtResult= strValA.charAt(1);
【6、indexOf()方法及lastIndexOf()方法】
–indexOf() 返回字符串中一个子串第一处出现的索引,如果没有匹配项,返回 -1。
–lastIndexOf() 返回字符串中一个子串最后一处出现的索引,如果没有匹配项,返回 -1 。
     var strValA = "abcdefg";
     var lastIndexOfResult= strValA.lastIndexOf("a");
【7、match()方法】
– 检查一个字符串是否匹配一个正则表达式。
【8、replace()方法】
replace() – 用来查找匹配一个正则表达式的字符串,然后使用新字符串代替匹配的字符串。
【9、search()方法】
– 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。
【10、slice()方法】
– 提取字符串的一部分,并返回一个新字符串。
string.slice(start, end)
参数start表示子串的起始位置,如果为负数,那么可以理解为倒数第几个开始,例如-3表示从倒数第三个开始;参数end表示结束位置,与start一样,它也可以为负数,其含义也表示到倒数第几个结束。slice()的参数可以为负数,所以要比substring()更加灵活,但没那么宽容了,如果start比end要大,它将返回一个空字符串(示例略)。
var strValA = "abcdefg";
var sliceResult= strValA.slice(0,2);
【11、split()方法】
– 通过将字符串划分成子串,将一个字符串做成一个字符串数组。
var strValA = "abcdefg";
var pairs = strValA.split("f");   
for(var i = 0; i < pairs.length; i++) {
document.writeln(pairs[i]);
}
【12、length()方法】
– 返回字符串的长度,所谓字符串的长度是指其包含的字符的个数。
var strValA = "abcdefg";
var lengthResult= strValA.length;
【13、toLowerCase()方法】
toLowerCase() – 将整个字符串转成小写字母。
var strValA = "abcdefg";
var toLowerCaseResult= strValA.toLowerCase();
【14、toUpperCase()方法】
toUpperCase() – 将整个字符串转成大写字母。
var strValA = "abcdefg";
var toUpperCaseResult= strValA.toUpperCase(); 
JavaScript有两种相等运算符。一种是完全向后兼容的,标准的"==",如果两个操作数类型不一致,它会在某些时候自动对操作数进行类型转换,考虑下面的赋值语句:
var strA = "i love you!";
var strB = new String("i love you!");
  
这两个变量含有相同的字符序列,但数据类型却不同,前者为string,后者为object,在使用"=="操作符时,JavaScript会尝试各种求值,以检测两者是否会在某种情况下相等。所以下面的表达式结果为true: strA == strB。
  
第二种操作符是"严格"的"===",它在求值时不会这么宽容,不会进行类型转换。所以表达式strA === strB的值为false,虽然两个变量持有的值相同。
  
有时代码的逻辑要求你判断两个值是否不相等,这里也有两个选择:"!="和严格的"!==",它们的关系就类似于"=="和"==="。
讨论:
"=="和"!="在求值时会尽可能地寻找值的匹配性,但你可能还是想在比较前进行显式的类型转换,以"帮助"它们完成工作。比如,如果想判断一个用户的输入值(字符串)是否等于一个数字,你可以让"=="帮你完成类型转换:
  
if(document.form1.txtAge.value == someNumericVar) { ... }
  
也可以提前转换:
  
if(parseInt(document.form1.txtAge.value) == someNumericVar) { ... }


要获得字符的Unicode编码,可以使用string.charCodeAt(index)方法,其定义为:
  
strObj.charCodeAt(index)
  
index为指定字符在strObj对象中的位置(基于0的索引),返回值为0与65535之间的16位整数。例如:

    var strObj = "ABCDEFG";
    var code = strObj.charCodeAt(2); // Unicode value of character 'C' is 67

要将Unicode编码转换为一个字符,使用String.fromCharCode()方法,注意它是String对象的一个"静态方法",也就是说在使用前不需要创建字符串实例:
  
String.fromCharCode(c1, c2, ...)
  
它接受0个或多个整数,返回一个字符串,该字符串包含了各参数指定的字符,例如:
  
var str = String.fromCharCode(72, 101, 108, 108, 111); // str == "Hello"

Unicode包含了这个世界上很多书写语言的字符集,但别因为Unicode包含一个字符就期望这个字符能够在警告对话框、文本框或页面呈现时正常显示。如果字符集不可用,在页面将显示为问号或其它符号。一台典型的北美的计算机将不能在屏幕上显示中文字符,除非中文的字符集及其字体已经安装.

【15、JS扩展】
/*
===========================================
//去除左边的空格
===========================================
*/
String.prototype.LTrim = function()
{
//alert(this.length);
        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.LengthW = function()
{
        return this.replace(/[^\x00-\xff]/g,"**").length;
}

/*
===========================================
//是否是正确的IP地址
===========================================
*/
String.prototype.isIP = function()
{
        var reSpaceCheck = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/;
        if (reSpaceCheck.test(this))
        {
                this.match(reSpaceCheck);
                if (RegExp.$1 <= 255 && RegExp.$1 >= 0
                 && RegExp.$2 <= 255 && RegExp.$2 >= 0
                 && RegExp.$3 <= 255 && RegExp.$3 >= 0
                 && RegExp.$4 <= 255 && RegExp.$4 >= 0)
                {
                        return true;    
                }
                else
                {
                        return false;
                }
        }
        else
        {
                return false;
        }
  
}

/*
===========================================
//是否是正确的长日期
===========================================
*/
String.prototype.isLongDate = function()
{
        var r = this.replace(/(^\s*)|(\s*$)/g, "").match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);
        if(r==null)
        {
                return false;
        }
        var d = new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
/*
===========================================
//是否是正确的短日期
===========================================
*/
String.prototype.isShortDate = function()
{
        var r = this.replace(/(^\s*)|(\s*$)/g, "").match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
        if(r==null)
        {
                return false;
        }
        var d = new Date(r[1], r[3]-1, r[4]);
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}
/*
===========================================
//是否是正确的日期
===========================================
*/
String.prototype.isDate = function()
{
        return this.isLongDate()||this.isShortDate();
}
/*
===========================================
//是否是手机
===========================================
*/
String.prototype.isMobile = function()
{
        return /^0{0,1}13[0-9]{9}$/.test(this);
}
/*
===========================================
//是否是邮件
===========================================
*/
String.prototype.isEmail = function()
{
        return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(this);
}
/*
===========================================
//是否是邮编(中国)
===========================================
*/
String.prototype.isZipCode = function()
{
        return /^[\\d]{6}$/.test(this);
}
/*
===========================================
//是否是有汉字
===========================================
*/
String.prototype.existChinese = function()
{
        //[\u4E00-\u9FA5]為漢字﹐[\uFE30-\uFFA0]為全角符號
        return /^[\x00-\xff]*$/.test(this);
}
/*
===========================================
//是否是合法的文件名/目录名
===========================================
*/
String.prototype.isFileName = function()
{
        return !/[\\\/\*\?\|:"<>]/g.test(this);
}
/*
===========================================
//是否是有效链接
===========================================
*/
String.prototype.isUrl = function()
{
        return /^http[s]?:\/\/([\w-]+\.)+[\w-]+([\w-./?%&=]*)?$/i.test(this);
}

/*
===========================================
//是否是有效的身份证(中国)
===========================================
*/
String.prototype.isIDCard = function()
{
        var iSum=0;
        var info="";
        var sId = this;
        var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};
        if(!/^\d{17}(\d|x)$/i.test(sId))
        {
                return false;
        }
        sId=sId.replace(/x$/i,"a");
        //非法地区
        if(aCity[parseInt(sId.substr(0,2))]==null)
        {
                return false;
        }
        var sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
        var d=new Date(sBirthday.replace(/-/g,"/"))
       
        //非法生日
        if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))
        {
                return false;
        }
        for(var i = 17;i>=0;i--)
        {
                iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11);
        }
        if(iSum%11!=1)
        {
                return false;
        }
        return true;
}
/*
===========================================
//是否是有效的电话号码(中国)
===========================================
*/
String.prototype.isPhoneCall = function()
{
        return /(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/.test(this);
}

/*
===========================================
//是否是数字
===========================================
*/
String.prototype.isNumeric = function(flag)
{
        //验证是否是数字
        if(isNaN(this))
        {
                return false;
        }
        switch(flag)
        {
                case null:        //数字
                case "":
                        return true;
                case "+":        //正数
                        return                /(^\+?|^\d?)\d*\.?\d+$/.test(this);
                case "-":        //负数
                        return                /^-\d*\.?\d+$/.test(this);
                case "i":        //整数
                        return                /(^-?|^\+?|\d)\d+$/.test(this);
                case "+i":        //正整数
                        return                /(^\d+$)|(^\+?\d+$)/.test(this);                       
                case "-i":        //负整数
                        return                /^[-]\d+$/.test(this);
                case "f":        //浮点数
                        return                /(^-?|^\+?|^\d?)\d*\.\d+$/.test(this);
                case "+f":        //正浮点数
                        return                /(^\+?|^\d?)\d*\.\d+$/.test(this);                       
                case "-f":        //负浮点数
                        return                /^[-]\d*\.\d$/.test(this);               
                default:        //缺省
                        return true;                       
        }
}
/*
===========================================
//是否是颜色(#FFFFFF形式)
===========================================
*/
String.prototype.IsColor = function()
{
        var temp        = this;
        if (temp=="") return true;
        if (temp.length!=7) return false;
        return (temp.search(/\#[a-fA-F0-9]{6}/) != -1);
}
/*
===========================================
//转换成全角
===========================================
*/
String.prototype.toCase = function()
{
        var tmp = "";
        for(var i=0;i<this.length;i++)
        {
                if(this.charCodeAt(i)>0&&this.charCodeAt(i)<255)
                {
                        tmp += String.fromCharCode(this.charCodeAt(i)+65248);
                }
                else
                {
                        tmp += String.fromCharCode(this.charCodeAt(i));
                }
        }
        return tmp
}
/*
===========================================
//对字符串进行Html编码
===========================================
*/
String.prototype.toHtmlEncode = function()
{
        var str = this;
        str=str.replace(/&/g,"&amp;");
        str=str.replace(/</g,"&lt;");
        str=str.replace(/>/g,"&gt;");
        str=str.replace(/\'/g,"&apos;");
        str=str.replace(/\"/g,"&quot;");
        str=str.replace(/\n/g,"<br>");
        str=str.replace(/\ /g,"&nbsp;");
        str=str.replace(/\t/g,"&nbsp;&nbsp;&nbsp;&nbsp;");
        return str;
}
/*
===========================================
//转换成日期
===========================================
*/
String.prototype.toDate = function()
{
        try
        {
                return new Date(this.replace(/-/g, "\/"));
        }
        catch(e)
        {
                return null;
        }
}
分享到:
评论

相关推荐

    js字符串操作大全

    ### JS字符串操作大全知识点解析 #### 一、概述 JavaScript 是一种广泛使用的脚本语言,尤其在前端开发中扮演着重要角色。对于处理文本数据,JavaScript 提供了一系列强大的字符串操作方法。本文档介绍了一些常用...

    js操作字符串

    以上只是JavaScript操作字符串的一部分常见方法,实际上,字符串方法还包括很多其他功能,如查找子串的出现次数、提取子串、格式化字符串等。熟练掌握这些方法,能帮助开发者更高效地处理字符串任务。在实际编程中,...

    Js字符串操作函数大全(更新)

    ### Js字符串操作函数大全 在JavaScript编程中,字符串操作是非常常见的需求之一。本文将详细介绍一个JavaScript字符串操作集合,包括但不限于小数点处理、空格处理、数据类型校验、过滤特殊字符以及URL参数获取等...

    JS去掉字符串空格

    在JavaScript(简称JS)开发中,对字符串进行操作是一项常见且重要的任务,其中去除字符串中的空格是一个典型的处理需求。本文将深入探讨如何利用JS来有效地去除字符串中的空格,包括单个空格、多个连续空格以及字符...

    javascript字符串操作

    ### JavaScript字符串操作详解 在JavaScript中,字符串是用于表示文本数据的一种基本数据类型。字符串可以包含单个字符或多个字符组合成的文本序列。本文将详细介绍JavaScript中的字符串操作方法,帮助开发者更好地...

    Javascript中字符串相关常用的使用方法总结

    随着ECMAScript标准的不断发展,ES6及之后版本引入了许多新的字符串处理方法,进一步增强了JavaScript字符串操作的能力: 1. **检查字符串开头或结尾** - `startsWith(searchString[, position])` 和 `endsWith...

    js版字符串快速检索

    1. **字符串基本操作**:在JavaScript中,字符串是不可变的,这意味着每次对字符串进行修改都会创建一个新的字符串对象。基本的字符串操作包括`indexOf()`、`lastIndexOf()`和`includes()`,它们可以用于查找子字符...

    js操作字符串函数大全

    ### JS操作字符串函数大全 #### 引言 JavaScript(简称JS)作为一种强大的脚本语言,在Web开发中扮演着举足轻重的角色。其中,对字符串的操作是日常编程中不可或缺的一部分。本文将详细介绍一系列用于处理字符串的...

    javaScript中的字符串操作

    ### JavaScript中的字符串操作知识点 #### 一、概述 在JavaScript编程中,字符串处理是一项非常基础且重要的技能。无论是用户输入的验证、DOM元素属性的读取与修改、还是Cookie的操作等场景,都离不开字符串的使用...

    js以逗号分隔方式添加删除字符串

    在JavaScript(JS)中,处理字符串是常见的编程任务之一,特别是在构建动态网页和应用程序时。本文将深入探讨如何以逗号或其他自定义分隔符来添加或删除字符串,并且会强调不支持正则表达式中的特殊字符。我们将通过...

    javascript字符串方法大全

    ### JavaScript字符串方法详解 #### 一、concat方法 **功能说明**:`concat()` 方法用于连接两个或多个字符串。此方法不会改变原有的字符串,而是返回一个...这些方法可以帮助开发者更加高效地操作和处理字符串数据。

    JavaScript字符串函数大全

    ### JavaScript字符串函数大全 #### 1. Asc(x) - **功能**:返回字符的ASCII码。 - **参数**: - `x`:需要转换为ASCII码的单个字符。 - **示例**: ```javascript console.log(Asc('A')); // 输出:65 ``` #...

    js字符串截取

    ### JavaScript字符串操作详解 在JavaScript开发中,对字符串进行处理是一项非常常见的任务。本文将详细介绍JavaScript中关于字符串处理的一些常用方法,特别是与“截取”相关的功能,这将帮助开发者更好地理解和...

    字符串操作大全

    在IT领域,字符串操作是编程中的基础且至关重要的部分,无论你使用哪种编程语言,如Python、Java、C++或JavaScript等。字符串是由字符组成的序列,可以用来存储文本信息。本资源“字符串操作大全”显然提供了关于...

    js-字符串的方法、模板字符串、对象的遍历.pdf

    JavaScript 字符串和对象操作 JavaScript 中的字符串是一种基本数据类型,用于存储文本数据。字符串可以通过字面量创建,也可以通过构造函数创建。访问字符串中字符可以通过索引访问,例如 `str[0]`,获取字符串...

    js截取字符串

    在JavaScript中,对字符串进行截取是常见的操作之一,尤其是在处理数据、解析文本或实现特定功能时。本文将详细介绍几种常用的截取字符串的方法,并通过具体的示例代码来解释每种方法的工作原理。 #### 1. 使用`...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册九:字符串

    本手册将深入探讨JavaScript中的字符串,这是编程中常用的数据类型,对于理解和操作文本至关重要。 一、字符串基础 在JavaScript中,字符串是不可变的,意味着一旦创建,其内容就不能更改。字符串可以用单引号(' ')...

    ES6--javascript判断一个字符串是否存在另一个字符串中

    ### ES6 中 JavaScript 判断一个字符串是否存在另一个字符串中的方法 在 JavaScript 的开发过程中,经常会遇到需要判断一个字符串是否存在于另一个字符串中的场景。ES6(ECMAScript 2015)作为 JavaScript 的一个...

    JavaScript判断一个字符串是否包含指定子字符串的方法

    JavaScript是一种广泛使用的前端脚本语言,它为我们提供了丰富的API,能够操作DOM、处理事件、操作字符串等。在处理字符串时,判断一个字符串是否包含另一个子字符串是常见的需求。本篇内容将详细介绍如何使用...

Global site tag (gtag.js) - Google Analytics