[js高手之路] 跟GhostWu一起封装一个字符串工具库-扩展camelize与dasherize方法(3)
2024-03-22 09:50:16
在此之前，我们已经完成了4个方法:
trimLeft, trimRight, trim, capitalize
本文，我们扩展驼峰式与下划线转化这两个对称的方法
camelize: 把空格，下划线，中横线后面的首字母大写.
dasherize: 把空格后面的大写字母，大写字母，下划线后面的大写字母，变成 中横线 + 对应的小写字母:
如: MozBorderRadius 变成 -moz-border-radius
; (function (window, undefined) {
function init(obj, s) {
if (s !== null && s !== undefined) {
if (typeof s === 'string') {
obj.s = s;
} else {
obj.s = s.toString();
}
} else {
obj.s = s;
}
}
function G(s) {
init(this, s);
}
function GhostWu(s) {
return new G(s);
}
var sProto = String.prototype;
G.prototype = {
constructor: G,
capitalize: function () {
return new this.constructor(this.s.slice(0, 1).toUpperCase() + this.s.substring(1).toLowerCase());
},
trimLeft: function () {
var s;
if (sProto.trimLeft === 'undefined')
s = this.s.trimLeft();
else
s = this.s.replace(/^\s+/g, '');
return new this.constructor(s);
},
trimRight: function () {
var s;
if (sProto.trimRight === 'undefined')
s = this.s.trimRight();
else
s = this.s.replace(/\s+$/g, '');
return new this.constructor(s);
},
trim: function () {
var s;
if (typeof sProto.trim === 'undefined') {
s = this.s.replace(/^\s+|\s+$/g, '');
} else {
s = this.s.trim();
}
return new this.constructor(s);
},
camelize : function () {
var s = this.trim().s.replace(/(\-|_|\s)+(.)?/g, function ( s0, s1, s2 ) {
return ( s2 ? s2.toUpperCase() : '' );
});
return new this.constructor(s);
},
dasherize : function(){
var s = this.trim().s.replace(/[_\s]+/g, '-').replace(/([A-Z])/g, '-$1').replace(/-+/g, '-').toLowerCase();
return new this.constructor(s);
}
};
window.G = GhostWu;
})(window, undefined);
console.log( G( 'ghost wu tell you how to learn js').camelize().s );//ghostWuTellYouHowToLearnJsconsole.log( G( 'ghost-wu-tell you how to learn js').camelize().s );//ghostWuTellYouHowToLearnJsconsole.log( G( 'ghost_wu_tell you how to learn js').camelize().s );//ghostWuTellYouHowToLearnJsconsole.log( G( '-moz-border-radius' ).camelize().s );//MozBorderRadiusconsole.log( G( 'MozBorderRadius' ).dasherize().s ); //-moz-border-radiusconsole.log( G( 'backgroundColor' ).dasherize().s ); //background-colorconsole.log( G( 'background color' ).dasherize().s ); //background-color
最新文章
- 编译osgEarth2.8+VS2013+CMake3.4.0在Release版本的问题
- Dapper一个轻量级的ORM库
- oracle job的写法
- Fresco支持的URIs
- 获取git的最后一次提交的commit id
- js 多选题选项内容显示在标题下
- [LeetCode] Ugly Number (A New Question Added Today)
- SQL2008-备份SQL数据库的语句
- 使用phpExcel导入Excel进入Mysql数据库
- 【一天一道LeetCode】#217. Contains Duplicate
- A页面跳转到B页面后打开指定tabs标签
- leetcode — sum-root-to-leaf-numbers
- C++ cout格式化输出
- Javascript FormData实例
- Python3.0以上版本在对比图片相似中的应用
- BSGS&EXBSGS 大手拉小手，大步小步走
- WPF ListView即时更新
- 一个关于A标签和分页的怪问题！
- MySQL--常见ALTER TABLE 操作
- CentOS 6.6下Cacti安装部署