`
zarknight
  • 浏览: 148198 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

mootools【三】- String篇

阅读更多

String大概是我们使用频率最高的数据类型了,在各个javascript框架中,都或多或少的对String进行了扩展,来提供一些十分方便的方法来处理日常应用。mootools也不例外,String.js中主要实现了这些对String的扩展,还稍微带了点对Array和Number的扩展。

--------------------------------String.js---------------------------------------

//========================以下是对String的扩展========================

test

作用:对字符串执行正则表达式匹配

js 代码
 
  1. var x = "Hello,world!".test('hello');        //false  
  2. var y = "Hello,world!".test('hello','i');    //true,'i'是正则表达式参数,表示忽略大小写.注意'g'在这里无效  
  3. var z = "Hello,world!".test(/H.*?o/);     //true  

 

toInt

作用:把字符串转换成整数,如果非数字,则返回NaN

js 代码
 
  1. var x0 = "1.12".toInt();         //1  
  2. var x1 = "1".toInt();              //1  
  3. var x2 = "1px".toInt();          //1  
  4. var x3 = "10xxx".toInt();      //10  
  5. var x3 = "x10xxx".toInt();     //NaN  
  6. var x4 = "020".toInt();         //16  
  7. var x5 = "0xFF".toInt();       //255  

 

toFloat

作用:把字符串转换成浮点数

js 代码
 
  1. var x0 = "1.12".toFloat();         //1.12  

 

camelCase

作用:把以"-"分隔的字符串,如"my-work",转换成"myWork"这样的形式

js 代码
 
  1. var x = "my-work".camelCase();       //myWork  
  2. var y = "My-Work".camelCase();       //MyWork  

 

hyphenate

作用:把形如"myNotePad"形式的字符串,转换成"my-note-pad"这样的形式

java 代码
 
  1. var x = "myNotePad".hyphenate();         //my-note-pad  

 

capitalize

作用:字符串中每个单词的首字母大写

js 代码
 
  1. var x = "hello world".capitalize();         //Hello World  

 

trim

作用:去除字符串首尾的所有空格

js 代码
 
  1. var x = "           hello world              ".trim();         //“hello word”  

 

clean

作用:去除字符串中所有多余空格(收尾全部去除,单词之间留一个空格)

js 代码
 
  1. var x = "           hello                 world             \n\n ".clean();         //“hello word”  

 

rgbToHex 和 hexToRgb

作用:rgb代表的颜色代码与十六进制表示的颜色代码之间互转

js 代码
 
  1. "rgb(17,34,51)".rgbToHex();           //"#112233"  
  2. "rgba(17,34,51,0)".rgbToHex();     //"transparent"  
  3. "rgb(17,34,51)".rgbToHex(true);   //['11','22','33']  
  4.   
  5. "#112233".hexToRgb();                 //"rgb(17,34,51)"  
  6. "#112233".hexToRgb(true);          //[17,34,51]  

 

//=====================以下是对Array的扩展========================

rgbToHex  和 hexToRgb

作用:取数组中的前3个元素,转化成RGB颜色代码或十六进制颜色代码

js 代码
 
  1. ['FF',0,0].hexToRgb();               //rgb(255,0,0)  
  2. [255,255,0].rgbToHex();          //#ffff00  

 

//=====================以下是对Number的扩展========================

toInt

作用:数字类型的对象转换成整型

js 代码
 
  1. var n1 = 12.11;  
  2. var nx = n1.toInt();                 //12  

 

toFloat

作用:数字类型的对象转换承浮点型

js 代码
 
  1. var n1 = 12.010;  
  2. var nx = n1.toFloat();          //12.01  

分享到:
评论

相关推荐

    mootools-1.2.2-core-nc.js

    mootools-1.2.2-core-nc

    mootools详细教程

    mootools详细教程 mootools框架【一】-Element篇: 方法完全解析 mootools框架【一】-Element篇: 高级应用举例 mootools框架【二】-Core篇: 方法完全解析 ...mootools框架【五】-String篇: 方法完全解析

    mootools-release-1.11

    "mootools-release-1.11"是MooTools的一个特定版本,发布于2010年,旨在提供稳定性和兼容性的更新。这个版本在当时是一个重要的里程碑,因为它包含了多个关键的改进和修复。 MooTools的核心设计理念是遵循“Write ...

    mootools-core-1.4.5

    mootools,Javascript只能提示工具所必须的js文件

    mootools-1.2.1-core-nc.js

    开源js框架,非常不错,没什么很多介绍的,如果你是做web开发的,千万不要错过

    mootools-core-1.5.1

    Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的功能要比Prototype.js多,整体设计也比Prototype.js要相对完善,功能更强大,比如增加了动画特效、拖放操作等等。总之,Mootools...

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    MooTools 1.4中文PDF手册与MooTools-Core-1.5.1.js是学习和使用MooTools的核心资源。 1. **MooTools的基本概念** - **类与对象**:MooTools基于原型的面向对象系统使得创建和继承类变得简单。你可以定义类并为它们...

    mootools-core-1.4.5-full-compat.js

    mootools-core-1.4.5-full-compat.js

    Python库 | django-mootools-behavior-0.1.tar.gz

    **Python库 django-mootools-behavior-0.1** `django-mootools-behavior-0.1.tar.gz` 是一个针对Python编程语言和Django框架的扩展库,主要用于增强网页前端的行为交互。这个库将MooTools JavaScript库与Django后端...

    mootools-12-cheat-sheet

    ### Mootools-12 Cheat Sheet详解 #### 一、Mootools简介 Mootools 是一个简洁且功能强大的 JavaScript 框架,它提供了一系列的工具和方法来简化前端开发工作。Mootools 的设计哲学是“写少做多”,这使得开发者...

    mootools-12-cheat-sheet-pf.pdf

    ### Mootools核心知识点解析:mootools-12-cheat-sheet-pf.pdf概览 Mootools是一款轻量级且功能强大的JavaScript框架,旨在简化Web开发中的常见任务,如DOM操作、事件处理、动画以及AJAX交互。本文将根据提供的文件...

    MooTools-1.2-Beginner

    #### 三、学习MooTools 1.2的理由 1. **广泛的适用性**:无论是简单的网页互动还是复杂的Web应用,MooTools都能提供必要的工具和技术支持。 2. **丰富的资源**:由于MooTools拥有庞大的用户群和支持者,因此在...

    mootools1.2 core

    这个压缩包包含两个核心文件:`mootools-1.2.4-core-nc.js`和`mootools-1.2.4-core-server.js`。 1. **MooTools 1.2 Core** - **模块化设计**:MooTools采用模块化的架构,允许开发者按需加载特定功能,降低页面...

    前端项目-mootools-more.zip

    **前端项目-mootools-more.zip** 是一个包含MooTools扩展库的压缩包,主要针对的是使用MooTools JavaScript框架进行前端开发的项目。MooTools是一个轻量级且高度模块化的JavaScript库,旨在提高开发效率,提供面向...

    Ajax-mootools-doc教程--手册.rar

    通过学习"Ajax-mootools-doc教程--手册.rar"中的内容,开发者不仅可以掌握Ajax的基础知识,还能深入理解MooTools库的使用,提高JavaScript开发效率,尤其在创建动态、响应式的Web应用程序方面。这份资料对初学者和有...

    mootools 1.5.1 最新版下载.rar

    mootools插件 1.5.1 最新版下载,目前,mootools插件的最新版本是1.5.1,这个插件实现的功能不亚于jquery,是一款同样优秀的js插件,为了大家方便,在此与大家... mootools JS文件在mootools-core-1.5.1\dist目录下。

    mootools-1.2 源码分析

    内含: 01-native.js 02-utils.js 03-hash.js 04-array.js 05-browser.js 06-window.js 07-document.js ...10-string.js 11-event.js 12-class.js 13-class.extras.js mootools1.2中文文档(html版)

    mootools-中文教程

    #### 三、String篇 Mootools增强了JavaScript字符串处理的能力,提供了许多实用的字符串操作方法。 ##### 字符串操作方法 - **escape() / unescape()**:对字符串进行转义或取消转义。 - **trim()**:去除字符串两...

    基于mootools的菜单Mootree

    "基于mootools的菜单Mootree" 指的是一个使用MooTools JavaScript库开发的树形菜单组件。MooTools是一个轻量级且功能丰富的JavaScript框架,它提供了一系列用于创建交互式网页的工具。Mootree则是这个框架下专门用于...

    mootools.js插件 1.4.5 core下载.zip

    比prototypejs更丰富、更强大的mootools.js插件 1.4.5 core下载。mootools.js可以生成较为复杂的、动态的网页交互效果,和jquery一样强大。。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似...

Global site tag (gtag.js) - Google Analytics