热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

underscore.js源码解析(四)

_.countBy=group(function(result,value,key){if(_.has(result,key))result[key]++;else

_.countBy = group(function(result, value, key) {
if (_.has(result, key)) result[key]++; else result[key] = 1;
});

这个就是返回符合条件的对象数量



  _.partition = group(function(result, value, pass) {
    result[pass ? 0 : 1].push(value);
  }, true);

这就是一个按要求把一个数组拆分成两个的函数,调用group函数,遍历数组,将符合条件的放在第一个数组当中,不符合的放在第二个函数当中



_.toArray

_.toArray = function(obj) {
//如果为空,返回空数组
if (!obj) return [];
//如果是数组,拷贝数组
if (_.isArray(obj)) return slice.call(obj);
if (_.isString(obj)) {
// 如果是字符串,则利用正则表达式提取匹配项
return obj.match(reStrSymbol);
}
//如果类数组,通过map方法转化数组
if (isArrayLike(obj)) return _.map(obj);
//对象,取出属性值存入数组
return _.values(obj);
};

_.size

_.size = function(obj) {
//判断是否为空
if (obj == null) return 0;
//如果是数组则返回数组长度,如果是对象返回属性的数量
return isArrayLike(obj) ? obj.length : _.keys(obj).length;
};

_.initial

_.initial = function(array, n, guard) {
return slice.call(array, 0, Math.max(0, array.length - (n == null || guard ? 1 : n)));
};

返回筛选后的数组,n是第几个开始,如果n不存在那么就是array.length-1,也就是数组全拷贝一遍,Math.max是为了规避负数的情况

_.first

_.first = _.head = _.take = function(array, n, guard) {
//参数判空处理
if (array == null) return void 0;
if (n == null || guard) return array[0];
return _.initial(array, array.length - n);
};

first就是取前几个元素的作用,调用了initial函数

_.rest

_.rest = _.tail = _.drop = function(array, n, guard) {
return slice.call(array, n == null || guard ? 1 : n);
};

_.rest是获取第n个元素之后的元素

_.last

_.last = function(array, n, guard) {
if (array == null) return void 0;
if (n == null || guard) return array[array.length - 1];
return _.rest(array, Math.max(0, array.length - n));
};

返回最后n个元素,结构跟first差不多

flatten

var flatten = function(input, shallow, strict, output) {
//output是存放结果的数组
output = output || [];
var idx = output.length;
//遍历input,input是要处理的数组
for (var i = 0, length = getLength(input); i length; i++) {
var value = input[i];
//判断是不是数组或者arguments对象
if (isArrayLike(value) (_.isArray(value) || _.isArguments(value))) {
// 是否只合并一次
if (shallow) {
var j = 0, len = value.length;
while (j len) output[idx++] = value[j++];
} else {
//如果不是,则递归调用flatten
flatten(value, shallow, strict, output);
idx = output.length;
}
//如果不是数组,并且是非严格的
} else if (!strict) {
//直接将value拷贝到output数组当中
output[idx++] = value;
}
}
return output;
};

flatten作用就是将多维数组合并成一维数组,如果参数shallow为true的话,就只合并一次

_.difference

_.difference = restArgs(function(array, rest) {
rest = flatten(rest, true, true);
return _.filter(array, function(value){
return !_.contains(rest, value);
});
});

作用是剔除第一数组中其他数组也有的元素,它是先调用flatten将其合并,再调用filter选出符合条件的,里面的条件是!_.cotains,也就是不存在的,所以最后取出的就是剔除完之后的元素数组了

_.uniq

_.uniq = _.unique = function(array, isSorted, iteratee, context) {
//如果没有isSorted参数则对参数进行调整
if (!_.isBoolean(isSorted)) {
cOntext= iteratee;
iteratee = isSorted;
isSorted = false;
}
//参数不为空,生成回调函数
if (iteratee != null) iteratee = cb(iteratee, context);
var result = [];
var seen = []; //缓存数据用的
for (var i = 0, length = getLength(array); i length; i++) {
var value = array[i],
computed = iteratee ? iteratee(value, i, array) : value;
//如果是排序好的
if (isSorted) {
//因为是排序好的,按顺序比较就好了
if (!i || seen !== computed) result.push(value);
seen = computed;
} else if (iteratee) {
//处理对象,computed是上面回调函数返回的结果,然后比较,没有就添加
if (!_.contains(seen, computed)) {
seen.push(computed);
result.push(value);
}
//判断result里是否有value,如果没有就添加
} else if (!_.contains(result, value)) {
result.push(value);
}
}
return result;
};

就是一个去重的函数,分别对有序的,对象和普通三种情况分别进行处理

_.intersection


   



推荐阅读
  • 本文讨论了如何根据特定条件动态显示或隐藏文件上传控件中的默认文本(如“未选择文件”)。通过结合CSS和JavaScript,可以实现更灵活的用户界面。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文介绍了多个关于JavaScript的书籍资源、实用工具和编程实例,涵盖从入门到进阶的各个阶段,帮助读者全面提升JavaScript编程能力。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文详细介绍如何使用Python进行配置文件的读写操作,涵盖常见的配置文件格式(如INI、JSON、TOML和YAML),并提供具体的代码示例。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文探讨了在不使用服务器控件的情况下,如何通过多种方法获取并修改页面中的HTML元素值。除了常见的AJAX方式,还介绍了其他可行的技术方案。 ... [详细]
  • 深入理解 H5C3 和 JavaScript 核心问题
    本文详细探讨了 H5C3 和 JavaScript 中的一些核心编程问题,通过实例解析和代码示例,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 从 .NET 转 Java 的自学之路:IO 流基础篇
    本文详细介绍了 Java 中的 IO 流,包括字节流和字符流的基本概念及其操作方式。探讨了如何处理不同类型的文件数据,并结合编码机制确保字符数据的正确读写。同时,文中还涵盖了装饰设计模式的应用,以及多种常见的 IO 操作实例。 ... [详细]
  • 本文介绍了在Windows环境下使用pydoc工具的方法,并详细解释了如何通过命令行和浏览器查看Python内置函数的文档。此外,还提供了关于raw_input和open函数的具体用法和功能说明。 ... [详细]
  • 尽管使用TensorFlow和PyTorch等成熟框架可以显著降低实现递归神经网络(RNN)的门槛,但对于初学者来说,理解其底层原理至关重要。本文将引导您使用NumPy从头构建一个用于自然语言处理(NLP)的RNN模型。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
author-avatar
过期物品请勿购_613
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有