String大概是我们使用频率最高的数据类型了,在各个javascript框架中,都或多或少的对String进行了扩展,来提供一些十分方便的方法来处理日常应用。mootools也不例外,String.js中主要实现了这些对String的扩展,还稍微带了点对Array和Number的扩展。
--------------------------------String.js---------------------------------------
//========================以下是对String的扩展========================
test
作用:对字符串执行正则表达式匹配
js 代码
- var x = "Hello,world!".test('hello');
- var y = "Hello,world!".test('hello','i');
- var z = "Hello,world!".test(/H.*?o/);
toInt
作用:把字符串转换成整数,如果非数字,则返回NaN
js 代码
- var x0 = "1.12".toInt();
- var x1 = "1".toInt();
- var x2 = "1px".toInt();
- var x3 = "10xxx".toInt();
- var x3 = "x10xxx".toInt();
- var x4 = "020".toInt();
- var x5 = "0xFF".toInt();
toFloat
作用:把字符串转换成浮点数
js 代码
- var x0 = "1.12".toFloat();
camelCase
作用:把以"-"分隔的字符串,如"my-work",转换成"myWork"这样的形式
js 代码
- var x = "my-work".camelCase();
- var y = "My-Work".camelCase();
hyphenate
作用:把形如"myNotePad"形式的字符串,转换成"my-note-pad"这样的形式
java 代码
- var x = "myNotePad".hyphenate();
capitalize
作用:字符串中每个单词的首字母大写
js 代码
- var x = "hello world".capitalize();
trim
作用:去除字符串首尾的所有空格
js 代码
- var x = " hello world ".trim();
clean
作用:去除字符串中所有多余空格(收尾全部去除,单词之间留一个空格)
js 代码
- var x = " hello world \n\n ".clean();
rgbToHex 和 hexToRgb
作用:rgb代表的颜色代码与十六进制表示的颜色代码之间互转
js 代码
- "rgb(17,34,51)".rgbToHex();
- "rgba(17,34,51,0)".rgbToHex();
- "rgb(17,34,51)".rgbToHex(true);
-
- "#112233".hexToRgb();
- "#112233".hexToRgb(true);
//=====================以下是对Array的扩展========================
rgbToHex 和 hexToRgb
作用:取数组中的前3个元素,转化成RGB颜色代码或十六进制颜色代码
js 代码
- ['FF',0,0].hexToRgb();
- [255,255,0].rgbToHex();
//=====================以下是对Number的扩展========================
toInt
作用:数字类型的对象转换成整型
js 代码
- var n1 = 12.11;
- var nx = n1.toInt();
toFloat
作用:数字类型的对象转换承浮点型
js 代码
- var n1 = 12.010;
- var nx = n1.toFloat();
分享到:
相关推荐
mootools详细教程 mootools框架【一】-Element篇: 方法完全解析 mootools框架【一】-Element篇: 高级应用举例 mootools框架【二】-Core篇: 方法完全解析 ...mootools框架【五】-String篇: 方法完全解析
#### 三、String篇 Mootools增强了JavaScript字符串处理的能力,提供了许多实用的字符串操作方法。 ##### 字符串操作方法 - **escape() / unescape()**:对字符串进行转义或取消转义。 - **trim()**:去除字符串两...
本篇将围绕"Mootools demo打包_mootools.svn.js_中文手册.zip"这一资源展开,深入探讨MooTools的核心概念、主要特性以及在实际开发中的应用。 1. **MooTools核心概念** - **模块化设计**:MooTools遵循CommonJS...
本篇将详细介绍Mootools中的Ajax特性及其应用。 #### 二、Mootools的Ajax核心概念 ##### 1. 创建Ajax请求 在Mootools中,创建一个Ajax请求非常简单,只需要一行代码: ```javascript var myRequest = new Request...
这篇学习笔记将引导我们深入理解MooTools的核心概念、架构以及如何在实际项目中应用。 ### 1. 模块化设计 MooTools遵循CommonJS规范,采用模块化设计,允许开发者按需加载所需功能,降低页面加载时间。例如,你...