Mootools的类型主要包含下边几部分:String:字符串;Number:数字;Array:数组;Object:对象;Json:;Cookie:.

这也是我们今天的讲述重点.每一种数据类型Mt都为其扩展了自己的方法,这一点通过我为大家提供的Editplus素材文件就能看的出来,因为涉及的方法比较多,所以我就挑选几个常用的方法给大家讲解一下,其他没有讲到的方法请大家自行查阅素材文件内的说明和示例.
  这部分的用法很简单,你只需要知道自己现在正在操作的是什么数据类型,知道了数据类型之后要知道mt为该类型数据的操作都提供了哪些可供我们使用的方法即可,如果你不能确认自己现在操作的是什么类型的数据,你只需要这样一句就能知道了.

alert(typeOf(???));

String:

//from 把传入的参数转为字符串,如:
String.from(2);//returns '2'
String.from(true);//returns 'true' //uniqueID 产生一个独一无二的ID
alert(String.uniqueID()) //trim 清除字符串两端的空白字符串
alert(' i like cookies '.trim()) //toInt 将字符串转为数字,并以给出的基准进制进行转换
alert('4em'.toInt());//returns 4
'10px'.toInt();//returns 10 //toFloat 将字符串转为浮点数
alert('95.25%'.toFloat());//returns 95.25
'10.848'.toFloat();//returns 10.848 //toLowerCase/toUpperCase大小写转换
alert('AA'.toLowerCase()) //test 使用正则表达式对字符串进行匹配测试
alert('I like cookies'.test('COOKIE','i'));忽略大小写检查字符串内是否包含指定的子字符串 //escapeRegExp 将字符串中对正则表达式敏感的字符进行转义
alert('animals.sheep[1]'.escapeRegExp());//returns 'animals\.sheep\[1\]' //substitute 类似模板中的标签替换
var my1='{a}|{b}|{b_2}.';
var my2 ={a:'这是标签a,',b:'这是标签b',b_2:'这个呢?'};
my1.substitute(my2);

上边这9个方法是我认为在操作String类型的数据时比较常用的方法,大家可以认真看一下每一个的用途及例子.相信并不难理解.

Number:

//from 把传入的参数转为Number
alert(Number.from('12')); //returns 12
Number.from('hello') //returns null //random 返回一个随机数
Number.random(5,20);//returns a random number between 5 and 20. //round 四舍五入
(12.45).round() //returns 12
(12.45).round(1) //returns 12.5
(12.45).round(-1) //returns 10 //toInt 将数字转为数字,并以给出的基准进制进行转换
(111).toInt();//returns 111
(111.1).toInt();//returns 111
(111).toInt(2);//returns 7 //toFloat 将数字转为浮点数
(111).toFloat();//returns 111
(111.1).toFloat();//returns 111.1 //常用数学方法
/* abs
acos
asin
atan2
ceil
cos
exp
floor
log
max
min
pow
sin
sqrt
tan
*/
(-1).abs();//returns 1
(3).pow(4);//returns 81

Array:

//常见的Array格式
var arr=[1,2,3,4];
var arr=new Array(1,2,3,4); //Array.each 循环遍历数组
var arr=['Sun','Mon','Tue'];
Array.each(arr,function(day,index){
  alert('name:'+day+',index:'+index);
}); //every 如果数组中的每一项都通过了给定函数的测试,则返回true
var arr=[10,4,25,100];
var areAllBigEnough=arr.every(function(item,index){
  return item > 20;
}); //clean 在现有数组的基础上建立一个新数组,每一个成员必须是已经定义过的,IE浏览器则必须是非null和非undefined的
var myArray=[null,1,0,true,false,'foo',undefined,''];
myArray.clean() //returns [1,0,true,false,'foo',''];//false也是合法的,因为他也是已经定义过的 //indexOf 返回数组中和给出参数值相等的项的索引号;如果未找到相等的项,则返回-1
['apple','lemon','banana'].indexOf('lemon');//returns 1
['apple','lemon'].indexOf('banana');//returns -1 //map 调用外部函数循环处理现有数组内的每个项目,并产生新数组
var timesTwo=[1,2,3].map(function(item,index){
  return item * 2;
});//timesTwo=[2,4,6]; //some 如果数组中至少有一个项通过了给出的函数的测试,则返回true
var isAnyBigEnough=[10,4,25,100].some(function(item,index){
  return item > 20;
});//isAnyBigEnough=true //flatten 把多维数组转换为一维数组
var myArray=[1,2,3,[4,5,[6,7]],[[[8]]]];
var newArray=myArray.flatten();//newArray is [1,2,3,4,5,6,7,8] //empty 清空数组
var myArray=['old','data'];
myArray.empty();//myArray is now [] //erase 从数组内移除一个项目
['Cow','Pig','Dog','Cat','Dog'].erase('Dog') //returns ['Cow','Pig','Cat']
['Cow','Pig','Dog'].erase('Cat') //returns ['Cow','Pig','Dog'] //getRandom 从数组内随机提取键值
['Cow','Pig','Dog','Cat'].getRandom();//returns one of the items //append 合并数组,新数组追加到末尾
var myOtherArray=['green','yellow'];
['red','blue'].append(myOtherArray);//returns ['red','blue','green','yellow'];
myOtheArray;//is now ['red','blue','green','yellow'];
[0,1,2].append([3,[4]]);//[0,1,2,3,[4]] //contains 测试指定项是否在数组中存在
['a','b','c'].contains('a');//returns true
['a','b','c'].contains('d');//returns false

Object:

//常见的Object格式
var O={a:0,b:1}; //each 遍历
var O={first:'Sunday',second:'Monday',third:'Tuesday'};
Object.each(O,function(value,key){
  alert('The '+key+' day of the week is '+value);
}); //merge 合并一组Obj生成新Obj
var obj1 ={a:0,b:1};
var obj2 ={c:2,d:3};
var obj3 ={a:4,d:5};
var merged=Object.merge(obj1,obj2,obj3);//returns{a:4,b:1,c:2,d:5},(obj2,and obj3 are unaltered)
merged === obj1;//true,obj1 gets altered and returned as merged object
var nestedObj1 ={a:{b:1,c:1}};
var nestedObj2 ={a:{b:2}};
var nested=Object.merge(nestedObj1,nestedObj2);//returns:{a:{b:2,c:1}} //append 合并Obj,追加到尾部
var firstObj ={
name:'John',
lastName:'Doe'
};
var secondObj ={
age:'20',
sex:'male',
lastName:'Dorian'
};
Object.append(firstObj,secondObj);
//firstObj is now:{name:'John',lastName:'Dorian',age:'20',sex:'male'}; //subset 从Obj内获取子集
var object ={
a:'one',
b:'two',
c:'three'
};
Object.subset(object,['a','c']);//returns{a:'one',c:'three'} //map 调用外部函数循环处理现有Obj内的每个项目,并产生新Obj
var myObject ={a:1,b:2,c:3};
var timesTwo=Object.map(myObject,function(value,key){
return value * 2;
});//timesTwo now holds an object containing:{a:2,b:4,c:6}; //keys 返回Obj内所有的key成为一个数组
var myObject ={e:10,b:4,c:25,d:100};
var keys=Object.keys(myObject);
alert(keys) //values 返回Obj内所有的value成为一个数组
var myObject ={e:10,b:4,c:25,d:100};
var keys=Object.values(myObject);
alert(keys) //getLength 返回Obj的元素个数
var myObject ={
name:'John',
lastName:'Doe'
});
Object.getLength(myObject);//returns 2 //keyOf 根据value查询Obj内的key的名称;如果未找到相等的项,则返回false
var myObject ={a:'one',b:'two',c:3};
Object.keyOf(myObject,'two');//returns 'b'
Object.keyOf(myObject,3);//returns 'c'
Object.keyOf(myObject,'four');//returns false //contains 测试Obj内是否存在某个值
var myObject ={a:'one',b:'two',c:'three'};
Object.contains(myObject,'one');//returns true
Object.contains(myObject,'four');//returns false //toQueryString 把Obj内的项目转换为Url地址,然后URIencode
Object.toQueryString({apple:'red',lemon:'yellow'});//returns 'apple=red&lemon=yellow'
Object.toQueryString({apple:'红色',lemon:'yellow'});//apple=%E7%BA%A2%E8%89%B2&lemon=yellow
Object.toQueryString({apple:'red',lemon:'yellow'},'fruits');//returns 'fruits[apple]=red&fruits[lemon]=yellow'

JSON:

//常见的Json格式
var J={"_5":"停","_4":"W\\i","_3":"麥\/克"}; //encode 把Obj或数组转为Json
var fruitsJSON=JSON.encode({apple:'red',lemon:'yellow'});//returns:'{"apple":"red","lemon":"yellow"}' //decode 把一个Json转为Obj
var myObject=JSON.decode('{"apple":"red","lemon":"yellow"}');//returns:{apple:'red',lemon:'yellow'}

Cookie:

//write 写入
var myCookie=Cookie.write('username','JackBauer'); //有效期为1天:
var myCookie=Cookie.write('username','JackBauer',{duration:1}); //read 读取
Cookie.read('username'); //dispose 销毁一个cookie
Cookie.dispose('username');//Bye-bye JackBauer! //最好的写法
var myCookie=Cookie.write('username','JackBauer',{duration:1,domain:'mootools.net'});
if(Cookie.read('username') == 'JackBauer'){myCookie.dispose();}

这一课的内容颇多,请大家多练习.

一周学会Mootools 1.4中文教程:(4)类型的更多相关文章

  1. 一周学会Mootools 1.4中文教程:(7)汇总收尾

    转眼之间已经第七课了,这也将成为最后一课,如果这7课下来您感觉水平没有达到预想的水平,没关系您可以继续关注本站的博文,我会陆续发一些类似的文章帮您提升水平,另外我最近打算和群里的几个Mootools爱 ...

  2. 一周学会Mootools 1.4中文教程:序论

    刚才发了几篇Mootools(以后直接简称Moo或Mt,看到这两个名字的时候不要感到奇怪),有一位热心的朋友"追杀"告诉我说现在已经出到1.4了,就不要再纠结于1.2了,想象一下有 ...

  3. 一周学会Mootools 1.4中文教程:(1)Dom选择器

    利器: 君欲善其事须先利其器,好吧因为我们的时间比较紧迫,只有六天而已,那么六天的时间用死记硬背的方式学会Mt犹如天方夜谭,因此我们需要借鉴一下Editplus的素材栏帮我们记忆就好了,当我们需要用到 ...

  4. 一周学会Mootools 1.4中文教程:(6)动画

    先看一下动画的参数设置: 参数: fps - (number:默认是50) 每秒的帧数. unit - (string:默认是 false) 单位,可为 'px','em',或 '%'. link - ...

  5. 一周学会Mootools 1.4中文教程:(5)Ajax

    ajax在我们前台的开发中是非常重要的,所以我们单独拿出一节课来讲述,首先我们看一下mootools的ajax构成 语法: var myRequest=new Request([参数]); 参数: u ...

  6. 一周学会Mootools 1.4中文教程:(3)事件

    今天我們講解一下mt的事件部分,对于事件的讲解主要包含三部分,分别是:绑定,移除,和触发,我们首先来看一个例子 //jquery的事件绑定方式$('a').click(function){ alert ...

  7. 一周学会Mootools 1.4中文教程:(2)函数

    温故: 透过对上一节课的学习,相信大家对mt的选择器应该有了一定的认识了,我再放几个小示例让大家对选择器的复杂应用有所了解: <!DOCTYPE html PUBLIC "-//W3C ...

  8. 一周学会go语言并应用 by王奇疏

    <一周学会go语言并应用> by王奇疏 ( 欢迎加入go语言群: 218160862 , 群内有实践) 点击加入 零.安装go语言,配置环境及IDE 这部分内容不多,请参考我的这篇安装环境 ...

  9. webstorm的中文教程和技巧分享

    webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享.webstorm8.0.3中文汉化版下载:百度网盘下载:http://pan.baidu.c ...

随机推荐

  1. Fix The thread xxx has exited with code 259 (0×103)

    When run the test case in VS2013, you may encounter below problem After test case end, it will show ...

  2. Java操作XML文件 dom4j 篇

    在项目中,我们很多都用到了xml文件,无论是参数配置还是与其它系统的数据交互.今天就来讲一下Java 中使用dom4j来操作XML文件. 我们需要引入的包: //文件包 import java.io. ...

  3. PHP程序效率优化

    1.在可以用file_get_contents替代file.fopen.feof.fgets等系列方法的情况下,尽量用 file_get_contents,因为他的效率高得多!但是要注意file_ge ...

  4. create a (VSTO) Office 2007 add-in using VS 2012?

    You can get VS 2012 working with Office 2007. First create an Outlook 2010 Add-In and modify the pro ...

  5. VM 443端口冲突解决办法

    netstat -aon|findstr "443" 找到占用443的进程号: tasklist|findstr "2016" 根据进程号2016找到占用443 ...

  6. 2014.12.01 B/S之windows8.1下安装IIS

    1.打开 控制面板——程序——程序和功能——启用或关闭windows功能 2.找到Internet信息服务         3.等待安装完毕即可 4.控制面板——系统和安全——管理工具——Intern ...

  7. Web Service和Servlet的区别(转)

    Servlet是Java对于Web开发而产生的一项技术,可以说Servlet技术是Java专有的,它是服务器端的技术,客户端通常是浏览器. WebService是在DCOM/CORBA等分布式技术之后 ...

  8. 小鱼提问3 static方法中可以访问某个类的私有变量吗(不通过反射的其他非正常手段)?什么情况下可以?

    class Student { private string _name; public int Age = 0; public static void Test() { Student stu = ...

  9. leetcode Maximum Depth of Binary Tree python

    # Definition for a binary tree node. # class TreeNode(object): # def __init__(self, x): # self.val = ...

  10. jquery插件anccordion

    (function(){ $.fn.YAccordion=function(options){ var settings={ trigger:'click', speed:300, }; if(opt ...