javascript框架设计读书笔记之字符串的扩展和修复

1.repeat方法：将一个字符串重复自身n次。比如：repeat("chaojidan",2)   -> chaojidanchaojidan

方法1：

代码如下:

function repeat(str,n){
　　return Array.prototype.join.call({length:n+1},str); 
//在类数组{length:n+1}上下文下执行join方法，并传入str。也就是用str来分隔类数组的选项，类数组是空，所以就有n个str分隔n+1个""，得到的结果就是n个str连接。
}

方法2：

代码如下:

function repeat(str,n){
　　var s = str ,total = "";
　　while(n>0){             
//假设n是5，n%2后，等于1，因此total = str.s=strstr。n=2.第二次循环：s=strstrstrstr，n=1.第三次循环total = strstrstrstrstr，break,跳出循环，返回total,刚好是str重复了5次的字符串
　　　　if(n%2 ==1){    
　　　　　　total + =s;     //这里是2的0次方，也就是1，所有的正整数，都可以使用1,2,4,8....进行组合。比如：3=1+2,5=1+4,7=1+2+4.
　　　　}
　　　　if(n==1)　　break;
　　　　s+=s;    //这里利用的是2的幂次方，2,4,8.....
　　　　n = n>>1;
　　}
　　return total ;
}

2.取字符串所有字节的长度：str.charCodeAt(i) >255 就把str的长度加一次就OK了.

3.转换驼峰风格：str.replace(/[-_][^-_]/g,function(match){return match.charAt(1).toUpperCase();})

//-_在[]中，不需要使用\，并且^在[]中是代表反的意思，就是遇到-a或_a，就被替换成A（match就是正则匹配的字符串_a，然后取a，并且大写）

4.转换为下划线风格：str.replace(/([a-z\d])([A-Z])/g,'$1_$2').replace(/\-/g,'_').toLowerCase();

//第一个replace,匹配cA,或者4A的字符串，然后用c_A或4_A替换。$1代表第一个子表达式。第二个replace就是使用_替换-。由于-不在[]中，所以需要加\。

5.去掉字符串中的html标签:str.replace(/<[^>]+>/g,'')，这里面会把script标签去掉，但是不会去掉script中的js脚本

6.去掉script标签，并且移除里面的js脚本：str.replace(/<script[^>]*>(\S\s)*?)<\/script>/img,'')

/需要用\，防止转义。

//(\S\s)*?)尽可能少的匹配，非贪婪匹配。举个例子：<script>aaa</script>dddd<script>bbbb</script>，会先匹配<script>aaa</script>，再匹配<script>bbbb</script>，如果没加?，将是贪婪匹配，将会把<script>aaa</script>dddd<script>bbbb</script>全部匹配掉，连字符串dddd都去掉了。

7.将字符串经过html转义，得到适合在页面中显示的内容.

str.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,''');

8.将字符串的html实体字符换成对应字符:

跟7相反，只是多了一个replace(/&#([\d]+);/g,function($0,$1){　　return String.fromCharCode(parseInt($1,10))  })   //$1就是第一个子表达式匹配项。

9.trim:str.replace(/^\s+ | \s+$/g,'')   ，IE或早期的标准浏览器，把许多本属于空白的字符没有列为\s中，因此会有bug。不过，又何必执着兼容淘汰的浏览器呢。

赞 (0)

相关推荐

  • javascript String 的扩展方法集合

    //获取字符数组 String.prototype.ToCharArray=function() {          return this.split(""); } //获取N个相同的字符串 String.prototype.Repeat=function(num) {     var tmpArr=[];     for(var i=0;i<num;i++)    tmpArr.push(this);     return tmpArr.join("")

  • JavaScript 字符串数字左补位，右补位，取固定长度，截位扩展函数代码

    有时候我们的日期等不足两位的补一个0等,都可以使用这个. 这个大家应该都很明白了,就不废话了,代码如下: String.prototype.padLeft = Number.prototype.padLeft = function(total, pad) { return (Array(total).join(pad || 0) + this).slice(-total); } 测试代码: //补位 "X".padLeft(5, "Y"); //返回:YYYYX (

  • Javascript String对象扩展HTML编码和解码的方法

    复制代码 代码如下: String.prototype.HTMLEncode = function() { var temp = document.createElement ("div"); (temp.textContent != null) ? (temp.textContent = this) : (temp.innerText = this); var output = temp.innerHTML; temp = null; return output; } String.

  • js实现prototype扩展的方法(字符串,日期,数组扩展)

    本文实例讲述了js实现prototype扩展的方法.分享给大家供大家参考,具体如下: String.prototype.isEmpty = function () { return !(/.?[^/s ]+/.test(this)); } //检测字符串是否为空 // 替换字符 String.prototype.reserve = function(type) { if (type == 'int') return this.replace(/^/d/g, ''); // 替换字符串中除了数字以

  • JavaScript常用字符串与数组扩展函数小结

    String对象的扩展函数: String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,""); } String.prototype.ltrim = function() { return this.replace(/^\s+/g,""); } String.prototype.rtrim = function() { return this.replace(/\s+$/g,&quo

  • JS字符串函数扩展代码

    复制代码 代码如下: /**************************************************** *CreateBy:joe zhou *CreateDate:2011-9-4 *Description:字符串辅助函数 ****************************************************/ //String.prototype = { // caption: function () { // }, // leftPad: fun

  • JavaScript利用正则表达式替换字符串中的内容

    话不多说,请看具体实现代码 //从字符串'Is this all there is'中剪去'is': var str='Is this all there is'; var subStr=new RegExp('is');//创建正则表达式对象 var result=str.replace(subStr,"");//把'is'替换为空字符串 console.log(result);//Is th all there is var subStr=new RegExp('is','i');

  • JavaScript基于扩展String实现替换字符串中index处字符的方法

    JavaScript基于扩展String实现替换字符串中index处字符的方法

    本文实例讲述了JavaScript基于扩展String实现替换字符串中index处字符的方法.分享给大家供大家参考,具体如下: 核心代码: String.prototype.replaceCharAt = function(n,c){ return this.substr(0, n)+ c + this.substr(n+1,this.length-1-n); } 用法示例: <!DOCTYPE html> <html lang="en"> <head&g

  • Javascript string 扩展库代码

    Javascript原生的String处理函数显得很不够丰富,原生string函数:http://www.jb51.net/w3school/js/jsref_obj_string.htm问题1:是否有只是针对String类型的扩展库呢?有,不多,不全面. 观点2: JQuery的强大在于DOM操作,因此不希望js string 扩展库是基于jquery开发的,是否认同? 问题3:我们需要什么样的string扩展函数?这个问题可以参考其他js库,以及其他语言的string操作函数 Prototy

  • js replace(a,b)之替换字符串中所有指定字符的方法

    如下所示: var str = 'abcadeacf'; var str1 = str.replace('a', 'o'); alert(str1); // 打印结果: obcadeacf var str2 = str.replace(/a/g, 'o'); alert(str2); //打印结果: obcodeocf, 注意: 此处replace的第一个参数为正则表达式,/g是全文匹配标识. 以上这篇js replace(a,b)之替换字符串中所有指定字符的方法就是小编分享给大家的全部内容了,

  • 详解JS中Array对象扩展与String对象扩展

    废话不多说了,直接给大家上array对象扩展代码了,具体代码如下所示: /** * Created by laixiangran on 2016/01/07. * Array扩展 */ (function() { // 遍历数组 if (typeof Array.prototype.forEach != "function") { Array.prototype.forEach = function (fn, context) { for (var i = 0; i < this

  • JavaScript中ES6字符串扩展方法

    es6这个String对象倒是扩展了不少方法,但是很多都是跟字符编码相关,个人选了几个感觉比较常用的方法: includes 搜索字符的神器 还记得我们之前如何判断某个字符串对象是否包含特地字符的吗? var str='google'; if(str.indexOf('o')>-1){ console.log('yes'); }else{ console.log('no'); } indexOf本来只是一个获取字符对应位置的方法,因为找到不到会返回-1这个值,就成了判断是否包含的方法,inclu

  • JavaScript实现替换字符串中最后一个字符的方法

    JavaScript实现替换字符串中最后一个字符的方法

    本文实例讲述了JavaScript实现替换字符串中最后一个字符的方法.分享给大家供大家参考,具体如下: 1.问题背景 在一个输入框中,限制字符串长度为12位,利用键盘输入一个数字,会将字符串中最后一位替换,比如:111111111111,再输入一个3,会显示111111111113 2.具体实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

随机推荐