首页 / JAVASCRIPT / 前端_javascript的利器

前端_javascript的利器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了前端_javascript的利器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7787字，纯文字阅读大概需要12分钟。

内容图文

Javascript查询器（数组为例）
转载地址(http://www.cnblogs.com/yzp12sina/p/3525098.html)

Select

遍历元素下的每一个元素,调用JS.Call方法返回数据。

                 1 Array.prototype.select = Array.prototype.map || function (selector, context) {
 2     context = context || window;
 3var arr = [];
 4var l = this.length;
 5for (var i = 0; i < l; i++)
 6         arr.push(selector.call(context, this[i], i, this));
 7return arr;
 8};
 91011var arr = [1, 2, 3, 4, 5];
12var doubled = arr.select(function(t){ return t * 2 }); 
1314 Select

View Code

            
                SelectMany 

Array.prototype.selectMany = function (selector, resSelector) {
    resSelector = resSelector || function (i, res) { return res; };
    returnthis.aggregate(function (a, b, i) {
        return a.concat(selector(b, i).select(function (res) { return resSelector(b, res) }));
    }, []);
}; 

var arr = [{Name:"A", Values:[1, 2, 3, 4]}, {Name:"B", Values:[5, 6, 7, 8]}];  
var res1 = arr.selectMany(function(t){ return t.Values });  
var res2 = arr.selectMany(function(t){ return t.Values }, function(t, u){ return {Name:t.Name, Val:u}});

Take

Array.prototype.take = function (c) {
    returnthis.slice(0, c);
};  

var arr = [1, 2, 3, 4, 5]; 
var res = arr.take(2);

Skip

Array.prototype.skip = function (c) {
    returnthis.slice(c);
}; 

var arr = [1, 2, 3, 4, 5]; 
var res = arr.skip(2);

First

Array.prototype.first = function (predicate, def) {
    var l = this.length;
    if (!predicate) return l ? this[0] : def == null ? null : def;
    for (var i = 0; i < l; i++)
        if (predicate(this[i], i, this))
            returnthis[i];
    return def == null ? null : def;
}; 

var arr = [1, 2, 3, 4, 5];
var t1 = arr.first();  
var t2 = arr.first(function(t){ return t > 2 }); 
var t3 = arr.first(function(t){ return t > 10 }, 10); //默认值是10

                1
                Union

                2
                3 Array.prototype.union = function (arr) {
4returnthis.concat(arr).distinct();
5};  
67var arr1 = [1, 2, 3, 4, 5]; 
8var arr2 = [5, 6, 7, 8, 9];
9var res = arr1.union(arr2);

View Code

            
                Distinct
找出不重复的数据。当有重复元素是只push一个元素进集合。
Array.prototype.distinct = function (comparer) {
    var arr = [];
    var l = this.length;
    for (var i = 0; i < l; i++) {
        if (!arr.contains(this[i], comparer))
            arr.push(this[i]);
    }
    return arr;
};    


var arr1 = [1, 2, 2, 3, 3, 4, 5, 5];   
var res1 = arr.distinct();  // [1, 2, 3, 4, 5]var arr2 = [{Name:"A", Val:1}, {Name:"B", Val:1}];
var res2 = arr2.distinct(function(a, b){ return a.Val == b.Val }); //返回[{Name:"A", Val:1}]

            IndexOf

查找指定的值第一次出现的位置。

Array.prototype.indexOf = Array.prototype.indexOf || function (o, index) {
    var l = this.length;
    for (var i = Math.max(Math.min(index, l), 0) || 0; i < l; i++)
        if (this[i] === o) return i;
    return -1;
};  

var arr = [1, 2, 3, 4, 5];
var index = arr.indexOf(2);  // 1

Remove

Array.prototype.remove = function (item) {
    var i = this.indexOf(item);
    if (i != -1)
        this.splice(i, 1);
}; 

var arr = [1, 2, 3, 4, 5];
arr.remove(2);   // [1, 3, 4, 5]

            OrderBy

Array.prototype.orderBy = function (selector, comparer) {
    comparer = comparer || DefaultSortComparer;
    var arr = this.slice(0);
    var fn = function (a, b) {
        return comparer(selector(a), selector(b));
    };

    arr.thenBy = function (selector, comparer) {
        comparer = comparer || DefaultSortComparer;
        return arr.orderBy(DefaultSelector, function (a, b) {
            var res = fn(a, b);
            return res === 0 ? comparer(selector(a), selector(b)) : res;
        });
    };

    arr.thenByDescending = function (selector, comparer) {
        comparer = comparer || DefaultSortComparer;
        return arr.orderBy(DefaultSelector, function (a, b) {
            var res = fn(a, b);
            return res === 0 ? -comparer(selector(a), selector(b)) : res;
        });
    };

    return arr.sort(fn);
}; 
var arr = [{Name:"A", Val:1}, {Name:"a", Val:2}, {Name:"B", Val:1}, {Name:"C", Val:2}];

var res1 = arr.orderBy(function(t){ return t.Name });   

var res2 = arr.orderBy(function(t){ return t.Name }, function(a, b){
    if(a.toUpperCase() > b.toUpperCase()) return 1;
    if(a.toUpperCase() < b.toUpperCase()) return -1;
    return 0;
});

OrderByDescending

Array.prototype.orderByDescending = function (selector, comparer) {
    comparer = comparer || DefaultSortComparer;
    returnthis.orderBy(selector, function (a, b) { return -comparer(a, b) });
};

var arr = [{Name:"A", Val:1}, {Name:"a", Val:2}, {Name:"B", Val:1}, {Name:"C", Val:2}];
var res = arr.orderByDescending(function(t){ return t.Name });

GroupBy

Array.prototype.groupBy = function (selector, comparer) {
    var grp = [];
    var l = this.length;
    comparer = comparer || DefaultEqualityComparer;
    selector = selector || DefaultSelector;

    for (var i = 0; i < l; i++) {
        var k = selector(this[i]);
        var g = grp.first(function (u) { return comparer(u.key, k); });

        if (!g) {
            g = [];
            g.key = k;
            grp.push(g);
        }

        g.push(this[i]);
    }
    return grp;
};

Javascript 聚合

Min

Array.prototype.min = function (s) {
    s = s || DefaultSelector;
    var l = this.length;
    var min = s(this[0]);
    while (l-- > 0)
        if (s(this[l]) < min) min = s(this[l]);
    return min;
};  


var arr1 = [1, 2, 3, 4, 5, 6, 7, 8];
var min1 = arr.min();  // 1 

var arr2 = [{Name:"A", Val:1}, {Name:"B", Val:2}];
var min2 = arr2.min(function(t){ return t.Val });   // 1

Max

Array.prototype.max = function (s) {
    s = s || DefaultSelector;
    var l = this.length;
    var max = s(this[0]);
    while (l-- > 0)
        if (s(this[l]) > max) max = s(this[l]);
    return max;
};  

var arr1 = [1, 2, 3, 4, 5, 6, 7, 8];
var max1 = arr.max();  // 8 var arr2 = [{Name:"A", Val:1}, {Name:"B", Val:2}];
var max2 = arr2.max(function(t){ return t.Val });   // 2

Sum

Array.prototype.sum = function (s) {
    s = s || DefaultSelector;
    var l = this.length;
    var sum = 0;
    while (l-- > 0) sum += s(this[l]);
    return sum;
}; 

var arr1 = [1, 2, 3, 4, 5, 6, 7, 8];
var sum1 = arr.sum();  // 36 var arr2 = [{Name:"A", Val:1}, {Name:"B", Val:2}];
var sum2 = arr2.sum(function(t){ return t.Val });   // 3

Javascript 条件查询

            
                Where

Array.prototype.where = Array.prototype.filter || function (predicate, context) {
    context = context || window;
    var arr = [];
    var l = this.length;
    for (var i = 0; i < l; i++)
        if (predicate.call(context, this[i], i, this) === true) arr.push(this[i]);
    return arr;
}; 

var arr = [1, 2, 3, 4, 5];
var res = arr.where(function(t){ return t > 2 }) ;  // [3, 4, 5]

Any

Array.prototype.any = function (predicate, context) {
    context = context || window;
    var f = this.some || function (p, c) {
        var l = this.length;
        if (!p) return l > 0;
        while (l-- > 0)
            if (p.call(c, this[l], l, this) === true) returntrue;
        returnfalse;
    };
    return f.apply(this, [predicate, context]);
};  

var arr = [1, 2, 3, 4, 5];
var res1 = arr.any();  // truevar res2 = arr.any(function(t){ return t > 5 });  // false

All

Array.prototype.all = function (predicate, context) {
    context = context || window;
    predicate = predicate || DefaultPredicate;
    var f = this.every || function (p, c) {
        returnthis.length == this.where(p, c).length;
    };
    return f.apply(this, [predicate, context]);
};  

var arr = [1, 2, 3, 4, 5];
var res = arr.all(function(t){ return t < 6 });  // true

Contains

Array.prototype.contains = function (o, comparer) {
    comparer = comparer || DefaultEqualityComparer;
    var l = this.length;
    while (l-- > 0)
        if (comparer(this[l], o) === true) returntrue;
    returnfalse;
}; 

var arr1 = [1, 2, 3, 4, 5]; 
var res1 = arr.contains(2);  // true var arr2 = [{Name:"A", Val:1}, {Name:"B", Val:1}]; 
var res2 = arr2.contains({Name:"C", Val:1}, function(a, b){ return a.Val == b.Val }) ;  // true

Javasciprt 迭代

            
                ForEach

Array.prototype.forEach = Array.prototype.forEach || function (callback, context) {
    context = context || window;
    var l = this.length;
    for (var i = 0; i < l; i++)
        callback.call(context, this[i], i, this);
};  

var arr = [1, 2, 3, 4, 5];
arr.forEach(function(t){ if(t % 2 ==0) console.log(t); });

DefaultIfEmpty

Array.prototype.defaultIfEmpty = function (val) {
    returnthis.length == 0 ? [val == null ? null : val] : this;
};  

var arr = [1, 2, 3, 4, 5];
var res = arr.where(function(t){ return t > 5 }).defaultIfEmpty(5);  // [5]

原文：http://www.cnblogs.com/logep/p/3525812.html

内容总结

以上是互联网集市为您收集整理的前端_javascript的利器全部内容，希望文章能够帮你解决前端_javascript的利器所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1110067.html

来源：【匿名】

【上一篇】JavaScript:回调模式(Callback Pattern)【下一篇】javascript 怎么调用php方法

更多 ►

【前端_javascript的利器】教程文章相关的互联网学习教程文章

JavaScript事件【代码】

目录一、DOM0级事件处理二、事件冒泡与事件捕获三、DOM2级事件处理四、IE事件处理程序及跨浏览器支持五、事件对象一、DOM0级事件处理事件，由WEB页面中发生的一些特定行为触发。比如在某个页面元素上按下鼠标左键，按下键盘某个按键，某对象获得或丢失焦点时均会触发对应的事件。JavaScript和HTML的交互就是通过事件来实现的。我们使用事件侦听器对事件进行“注册”，事件发生时便执行相应的代码。DOM0级事件处理程序以其简单、跨浏...

[转自脚本之家] Javascript cookie 详解

cookie概述在上一节，曾经利用一个不变的框架来存储购物栏数据，而商品显示页面是不断变化的，尽管这样能达到一个模拟全局变量的功能，但并不严谨。例如在导航框架页面内右击，单击快捷菜单中的【刷新】命令，则所有的JavaScript变量都会丢失。因此，要实现严格的跨页面全局变量，这种方式是不行的， JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器提供的一种机制，它将document 对象的cook...

JavaScript---BOM对象【代码】

1、BOM简介BOM（浏览器对象模型），可以对浏览器窗口进行访问和操作。使用 BOM，开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 JavaScript 有能力与浏览器“对话”。2、window 对象1window对象 2 所有浏览器都支持 window 对象。 3 概念上讲.一个html文档对应一个window对象. 4 功能上讲: 控制浏览器窗口的. 5 使用上讲: window对象不需要创建对象,直接使用即可.window 对象方法...

javaScript改变HTML【代码】

改变HTML输出流：在JavaScript中，document.write() 可用于直接向HTML输出流写内容 1 <!DOCTYPE html>2 <html>3 <body>4 5 <script>6document.write(Date());7 </script>8 9 </body> 10 </html>不要再文档加载之后使用document.writr() 这会覆盖文档。改变HTML内容修改HTML内容最简单的方法时使用innerHTML属性 1 <html>2 <body>3 4 <p id="p1">Hello World!</p>5 6 <script>7 document.getElementById("p1").innerHTML="New tex...

JavaScript json和字符串互转【代码】

JavaScript内置json和字符串互转的函数JSON，不需要引入外部组件JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式；原文：https://www.cnblogs.com/zealousness/p/10500038.html

Javascript闭包深入解析及实现方法【代码】【图】

1、什么是闭包闭包，官方对闭包的解释是：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。闭包的特点：1. 作为一个函数变量的一个引用，当函数返回时，其处于激活状态。2. 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。简单的说，Javascript允许使用内部函数—即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中...

Javascript 笔记与总结（1-4）this【代码】

js 中函数的 4 种调用方式：① 作为普通函数来调用，this 的值指向 window，准确地说，this 为 null，被解释成为 window。在 ECMAScript5 标准中，如果 this 为 null，则解释成 undefined<script> function t(){this.x = ‘hello‘; } t(); alert(window.x); </script>弹出：hello ② a.作为对象的方法来调用，this 指向方法的调用者，即该对象<script> var obj = {x:‘hello‘,y:‘world‘,t:function(){alert(this.x)}}; obj.t()...

JavaScript简介

Talk is cheap,Show me your code.JavaScript的历史1995年，Netscape公司的Brenda Eich为Netscape Navigator 2开始着手开发一种名为LiveScript的脚本语言（同时在浏览器和服务器中使用，在服务器上的名字叫LiveWire）。为按期完成开发，Netscape与Sun公司建立了开发联盟。1996年，在Netscape Navigator 2发布前夕，Netscape为蹭热度临时改名LiveScript为JavaScript。因为JavaScript 1.0获得巨大成功，Netscape在Netscape Navigator...

那些必须要知道的Javascript【代码】【图】

JavaScript是前端必备，而这其中的精髓也太多太多，最近在温习的时候发现有些东西比较容易忽略，这里记录一下，一方面是希望自己在平时应用的时候能够得心应手，另一方面也希望能给别人带来一点点的收获。一、JavaScript的==和===，即相等运算符和等同运算符。相等运算符，如果操作数有相同的类型，则判断其等同性，如果两个操作数的值相等，则返回true（相等），否则返回false（不相等）；如果类型不同，则按照...

JavaScript-----4.数据类型【代码】

1.变量的数据变量用来存储值的所在处，有名字和数据类型。变量的数据类型决定将如何代表这些值的位存储到计算机内存中。JavaScript是一种弱类型或者说是动态语言。不用提前声明变量的类型，在程序运行中变量会被自动确定。var age;//不确定类型 age = 10;//确定位整型而java\C中是int age = 10;//直接确定为整形python中可以不用声明age = 10;JavaScript拥有动态类型，同时也意味着相同的变量可以用作不同的类型var x = 6;//x为数...

unigui组件中client javascript delphi组件之间的操作

UniLabel组件：function OnClick(sender, e){ MainForm.UniLabel1.setText(‘Click!‘);}function Onmousemove(sender, x, y){ MainForm.UniLabel1.setPosition(x, y);} unibutton组件：function OnMouseout(sender, e){ sender.setText(‘Out‘);}uniedit组件function form.Onmousemove(sender, x, y){ MainForm.UniEdit1.setValue(x+‘ : ‘+y); ss=MainForm.UniEdit1.getValue();}原文：http://www.cnblogs.com/findumars/...

浏览器中的JavaScript执行机制：08 | 调用栈：为什么JavaScript代码会出现栈溢出？【代码】【图】

前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录　　在上篇文章中，我们讲到了，当一段代码被执行时，JavaScript 引擎先会对其进行编译，并创建执行上下文。但是并没有明确说明到底什么样的代码才算符合规范。　　那么接下来我们就来明确下，哪些情况下代码才算是“一段”代码，才会在执行之前就进行编译并创建执行上下文。一般说来，有这么三种情况：　　1、当 JavaScript 执行全局代码的时候，会编译全局代码并创建...

JavaScript判断两个对象内容是否相等【代码】

ES6中有一个方法判断两个对象是否相等，这个方法判断是两个对象引用地址是否一致let obj1= {a: 1}let obj2 = {a: 1} console.log(Object.is(obj1, obj2)) // false let obj3 = obj1 console.log(Object.is(obj1, obj3)) // trueconsole.log(Object.is(obj2, obj3)) // false当需求是比较两个对象内容是否一致时就没用了。想要比较两个对象内容是否一致，思路是要遍历对象的所有键名和键值是否都一致：1、判断两个对象是否指向同一内...

蓝凌表单的表体调用Javascript【代码】

应用场景：像请假类表单会在从表输入开始时间、结束时间等字段需求1：客户希望根据开始、结束时间自动计算小时数解决方法：1、主表单增加一行，设三个字段[开始时间合计]、[结束时间合计]、[开始结束时间计算结果]在[开始结束时间计算结果]触发脚本calTime()。--计算时间段函数：calTime() --代码如下： var B=0; var E=0; var RowNum=document.all.edittable_OverTimeApplyDetail_tData.rows.length; for(var i=0;i<RowNum;i++) {...

细说JavaScript数据类型及转换【代码】

细说JavaScript数据类型及转换JavaScript数据类型 1.Boolean（布尔）布尔：（值类型）var b1=true;//布尔类型 2.Number（数字）数值：（值类型）var n1=3.1415926;//数值类型 n1.toFixed(3);//四舍五入保留3位小数。 3.String（字符串）var s1=‘hello‘;//字符串类型字符串：（值类型，字符串不可变特性） 4.Undefined（未定义） undefined属于值类型，与其他值计算得到的结果不是我们想要的，但与数据库中的null稍有区别，比如...

首页 / JAVASCRIPT / 前端_javascript的利器

前端_javascript的利器

内容导读

内容图文

内容总结

内容备注

内容手机端

【前端_javascript的利器】教程文章相关的互联网学习教程文章

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程