Ext JS学习第十天 Ext基础之 扩展原生的javascript对象(二)

此文来记录学习笔记;

今天继续说Ext.Array,Ext.Function,Ext.Date,Ext.Error

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Ext.Array API给大家提供了33个方法,我在这里给大家列举部分,其他的各位看官自行查阅API吧,都很简单

Ext.Array.clean(Array array):Array

过滤掉数组内的空值

        var arr = [1,2,null,3,‘‘];
        alert(Ext.Array.clean(arr));//结果为 1,2,3

Ext.Array.difference(Array array1,Array array2):Array

返回 A-B的差异集合,从A中减去所有B中存在的元素

        var arr1 = [1,2,3];
        var arr2 = [2,5,6];
        alert(Ext.Array.difference(arr1,arr2));//结果为 1,3

Ext.Array.each(array,fn [scope]) 枚举数组

遍历一个数组,并用指定函数处理数组的每一个元素 Ext.Array.forEach(array,fn [scope])

        var arr = [1,2,3,4];
        Ext.Array.each(arr,  function(item){
                if(item == 4){
                    return false ;
        //当函数内部返回false的时候会停止迭代                }
                alert(item);     });
var sum = function() {
    var sum = 0;

    Ext.Array.each(arguments, function(value) {
        sum += value;
    });

    return sum;
};

sum(1, 2, 3); // 返回 6

Ext.Array.erase( Array array, Number index, Number removeCount ) : Array

移除数组中的多个元素。这个功能相当于Array的splice方法。 但是避免了IE8的splice函数bug,不会复制移除的元素并按次序返回它们。 (因为它们通常被忽略)

        var arr = [1,2,3,4,5];
        alert(Ext.Array.erase(arr , 2 , 2));//结果为 1,2,5

Ext.Array.every( Array array, Function fn, Object scope ) : Boolean

        var arr = [1,2,5,6,9,10];
        var flag = Ext.Array.every(arr, function(item){
            if(item >=7){
                return false ;
            }else {
                return true;
            }
        });
        alert(flag);//false;

Ext.Array.filter( Array array, Function fn, Object scope ) : Array

过滤数组的方法,举个栗子;

        var arr = [1,2,3,4,10,18,23];
        var newarr = Ext.Array.filter(arr,function(item){
            if(item > 10){
                return false ;
            } else {
                return true ;
            }
        });
        alert(newarr);// 结果为 1,2,3,4,10

Ext.Array.include(Array array,Object item)

把一个元素插入到数组,如果它不存在于这个数组

        var arr = [1,2,3,4];
        Ext.Array.include(arr , 20);
        alert(arr);//结果 1,2,3,4,20

Ext.Array.unique(Array array

返回一个去掉重复元素的新数组

var arr = [1,2,3,4,5,5,4,3,2,1,1,21,23,3,3,4];
    alert(Ext.Array.unique(arr));
    //利用js对象的特性去掉数组的重复项  obj的key是不能重复的
        var obj = {};
        for(var i = 0 , len = arr.length ; i <len ; i++){
                obj[arr[i]] = true ;//去掉数组的重复项了
        }
        //alert(Ext.encode(obj));
        var uniquearr = [];
        for(var i in obj){
            if(obj.hasOwnProperty(i)){
                uniquearr.push(i);
            }
        }
        alert(uniquearr);

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Ext.Function API给大家提供了13个方法,都不常用就不说了

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Ext.Date

Ext.Date.between(Date date,Date start,Date end):Boolean

判断给定的日期是否在指定的日期之内

alert(Ext.Date.between(new Date(2014,08,15) ,new Date(2014,08,01),new Date(2014,08,31)));//结果true

Ext.Date.format( Date date, String format ) : String

格式化给定时间

alert(Ext.Date.format(new Date() , ‘Y-m-d H:i:s‘));

Ext.Date.parse( String input, String format, [Boolean strict] ) : Date
格式化时间格式

alert(Ext.Date.parse(‘2010-07-05 21:22:22‘ , ‘Y-m-d H:i:s‘).toLocaleString());

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Ext.Error 就一个方法需要你关注

Ext.Error.raise(‘you are wrong...‘);

Ext扩展原生的javascript对象 就没有了,明天看新的内容

给各位推荐个文章网www.fishcmonkey.com,学习之余提高文学修养;

时间: 2024-10-15 12:12:36

Ext JS学习第十天 Ext基础之 扩展原生的javascript对象(二)的相关文章

Ext JS学习第九天 Ext基础之 扩展原生的javascript对象

此文来记录学习笔记: •Ext对于原生的javascript对象进行了一系列的扩展,我们把他们掌握好,更能深刻的体会Ext的架构,从而对我们的web开发更好的服务, 源码位置,我们可以从开发包的这个位置找到这几个扩展的js源码: •extjs-4.1.1\src\core\src\lang\ •ExtJS扩展原生Javascript –Ext.Object –Ext.Number –Ext.String –Ext.Array –Ext.Function –Ext.Date –Ext.Error

Ext JS学习第十五天 Ext基础之 Ext.DomQuery

此文同来记录学习笔记 •Ext.dom.Query 嗯,这个类一看就是到时做什么事儿的,不用我去过多的解释了.这个类一共提供了8个方法供开发人员去使用. •要说最常用的方法,无非就是Ext.query这个方法,之前我们已经简单接触过了这个方法,下面是此方法的详细使用规则: –基本元素选择器 id选择器 css的类选择器 标签选择器(简单选择器) –属性选择器 –伪类选择器(也可以说是相当于JQ过滤选择器) •Ext.query基本使用形式: –Ext.query('span')     返回整个

Ext JS学习第十三天 Ext基础之 Ext.Element

•Ext.Element提供了181个方法,嗯,还没完,只是在4.1版本中是这样,最新的4.2版本貌似又增加了新方法,可谓是相当丰富给力.那么根据操作类型基本可以分为查询系.DOM操作系.样式操作系.对齐.尺寸.定位.拖放.滚动.键盘.动画系等方法供开发人员使用.由于API是英文版本,我特意花了一个下午时间把他们整理了出来,共同学们参考使用!! ----------------------------------------------------------------------------

Ext JS学习第七天 Ext自定义类,继承(二)

此文来记录学习笔记 一个简单ext继承的栗子 Ext.onReady(function () { Ext.define('Person',{ config:{ name:'z3' } , constructor:function(config){ var me = this ; me.initConfig(config); } }); //Sub Class Ext.define('Boy',{ //使用Ext的继承 extend:'Person', config:{ sex:'男', age:

Ext JS学习第十四天 Ext基础之 Ext.DomHelper

此文用来记录学习笔记 •我们已经学过了Element这个类,无疑是非常强大的,里面提供了丰富的方法供我们使用,但是Ext为了更加的方便我们去操作DOM元素,特提供了DomHelper这个辅助的工具类.下面我们就一起学习下DomHelper •首先从API来看,这个类暴露出的public方法并不是特别多.仅仅13个方法而已.如果想生成dom节点,在这里不建议使用原生的方法去生成dom节点,原因是代码量比较大的时候性能比较低.其二是自己组装HTML字符串比较麻烦.在Ext里,DomHelper对象类

Ext JS学习第十六天 事件机制event(一)

此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件,相信你一定不陌生, 基本事件是什么?就类似于click.keypress.focus.mouseover等这些事件都是浏览器定义好的内置事件,我们直接使用即可.对于高级事件,无非就是自己去设计一个事件,就比如我们实际项目中,通常都伴随些业务逻辑,可能是曾删改查等...这些事件都是非原生事件,也就是浏览器无法自行判别触发的.但是我们确实有需求去实现他们,从而让我们开发起来更爽一些. 首

Ext JS学习第八天 Ext基础之 认识Ext.js 和Ext-more.js

此文来记录学习笔记: •认识Ext.js 和Ext-more.js •首先,我们要知道这2个js文件的作用,这俩个文件包含了Ext的一些基础定义.基本的属性和方法,我们要重点学习和深入底层代码进行研究. •如果所示:API位置 . •Ext.js方法详解: –Ext.apply&Ext.applyIf –Ext.extend –typeOf –isEmpty.isIterable.isFunction.isArray... –Iterate 下面从栗子中看看这些方法是实际使用方法,请看栗子代码吧

Ext JS学习第五天 我们所熟悉的javascript(四)

此文用来记录学习笔记: •javascript之对象.面向对象 •可能对于高级语言你可能了解甚至精通OOP面向对象,那么对于javascript你又熟悉多少呢?我们一起来学习javascript面向对象,这样非常有帮助我们理解Ext的基础架构,Ext本身就是一个JS面向对象的框架. •使用json对象(JavaScript Object Notation) –JS对象的特性 –对于js来说json对象非常的重要,我们要学会如何操作json对象 •面向对象的概念 –如何定义一个类.如何实例化对象.

Ext JS学习第五天 Ext_window组件(一)

此文来记录学习笔记 •第一个组件:Ext.window.Window.对于组件,也就是Ext最吸引开发者的地方,那么我们要真正的使用Ext的组件,首先必须学会阅读API文档. –xtype:组件的别名 –Hierarchy 层次结构 –Inherited mixins 混入的类 –Requires 该组件需要使用的类 –configs:组件的配置信息 –properties:组件的属性 –methods:组件的方法 –events:组件的事件 •window组件常用属性和方法讲解: •confi