`
wudidedandan
  • 浏览: 10478 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

JavaScript lodash用法小结

阅读更多

   1   _.compact用法   _.compact([0, 1, false, 2, '', 3,'mm']); 

 var test = _.compact([-1,0, 1, false, 2, '', 3,'jj']);
    console.log(test);
----1,1,2,3,jj//输出  没有 0 false 空格 

 2_.different用法

var test = _.difference([1, 2, 3, 4, 5], [5, 2, 10]);
    console.log(test);
1,3,4//输出结果  是输出第一个数组有第二个数组没有 

3_.find用法

 var characters = [
  { 'name': 'barney',  'age': 36, 'blocked': false },
  { 'name': 'fred',    'age': 40, 'blocked': true },
  { 'name': 'pebbles', 'age': 1,  'blocked': false }
];

_.find(characters, function(chr) {
    console.log(chr.age);
  return chr.age < 40;
});查找

  

for (var n = 0; n < activities.length; n++) {  
       if (activities[n].name == bidList[0].activityName) {  
  
               //(中间代码省略)中间假设是对循环找到的活动的对象中的一个属性进行改动,比如status,将它的值改为0;  
  
}  
用_.find方法替换
_.find(activities,function(activity){ return activity.name == bidList[0].activityName}).status = 0;  //这样我们就通过find找到对应的对象并进行改值 

 

 

4  用_.map 
var a = [0,1,2,3,4]  
for (var i = 0;i < a.length;i++){  
      a[i] = a[i]+1;  
}  
 替换以后
_.map(a,function(num){   
     return num = num + 1;  
})  
 5  替换for以后 就替换 if
var a;  
if(activities.length){  
      a = 1;  
}  
if(!activities.legth){  
      a = 0;  
}  
 替换以后
var a = activities.length ? 1 : 0; 
 
重构还有好多知识 ,现在只把自己用到的把他们梳理一下 ,以后继续总结。
 
分享到:
评论

相关推荐

    JavaScript lodash常见用法系列小结

    JavaScript lodash是一种在JavaScript编程中广泛使用的工具库,它提供了一系列实用的工具函数,可以简化数组、字符串、对象等操作。lodash库拥有众多功能,能够提升JavaScript代码的可读性与执行效率。本文将对...

    张孝祥JAVASCRIPT笔记图片总结

    9. **JavaScript框架与库**:随着Web开发的复杂度增加,JavaScript框架如React、Vue、Angular等以及库如jQuery、Lodash等被广泛使用,它们提供了一套更高效、简洁的方式来处理DOM操作、状态管理、路由等任务。...

    前端开发必备JavaScript(含源码课件笔记总结)

    JavaScript是基于原型的面向对象语言,你需要了解构造函数、原型链、对象属性与方法、继承机制(原型链继承、借用构造函数、组合继承、寄生组合继承、原型式继承、ES6的类)。此外,还要掌握闭包和作用域,这是...

    graphql-lodash-master.rar

    3. **性能提升**:由于 Lodash 提供的函数通常经过优化,因此在处理大量数据时,可以比原生JavaScript方法更快。 4. **代码复用**:将常见的数据处理逻辑封装为 Lodash 风格的辅助函数,然后在多个Resolvers中调用,...

    javascript常用函数 javascript 常用库

    总结,JavaScript的常用函数和库是提升开发效率的关键。它们包含了从数据操作到用户交互的各种功能,而公共方法的使用则能进一步优化代码结构,使项目更加模块化和可维护。通过熟悉并灵活运用这些工具,开发者可以更...

    lodash-amd:Lodash,命名为amd form

    Lodash 是一个广泛使用的 JavaScript 库,它提供了大量实用的功能,用于处理数组、对象、字符串、函数和其他基本数据类型。这个库旨在通过提供一系列高性能的方法来简化 JavaScript 开发,使代码更加简洁、可读性更...

    javascript中数组、对象

    文档"Javascript数组操作整理.doc"可能包含了对数组常见操作的详细总结,如遍历方法(`for`循环、`forEach`、`map`等)、查找方法(`indexOf`、`find`、`filter`等)、排序方法(`sort`)、转换方法(`concat`、`...

    Lodash-demo

    在JavaScript开发中,Lodash是一个广泛使用的实用工具库,提供了大量便捷的函数,帮助开发者更高效地处理数据和对象。"Lodash-demo"项目恰好为我们提供了一个了解和学习Lodash的实践场景。通过分析这个压缩包中的...

    JavaScript文档

    JavaScript生态中有众多优秀的框架和库,如React、Vue、Angular用于构建前端应用,jQuery简化DOM操作,Lodash提供实用工具函数,Node.js则让JavaScript在服务器端大放异彩。 总结,JavaScript是Web开发不可或缺的...

    详解Javascript继承的实现

    // 使用 Lodash 的 extend 方法 var Manager = _.create(Employee.prototype, { constructor: Manager, getSalary: function () { return this.salary + this.salary * this.percentage; } }); ``` 总结来说,...

    javascript实现序列化serializable unserializable

    对于这种情况,我们需要自定义处理函数或者使用其他库,如`serialize-javascript`或者`lodash.cloneDeep`等。 对于包含函数的JavaScript对象,序列化可能会丢失函数的定义。这是因为JSON标准不支持函数,所以这些...

    lodashpp:lodash (underscore.js) for C++14 的实现

    这些函数通常以链式调用的形式使用,与JavaScript中的lodash保持一致,增强了代码的可读性和简洁性。此外,lodashpp还提供了诸如`_.find`、`_.isEqual`、`_.merge`等辅助工具,帮助开发者更轻松地处理复杂问题。 ...

    算法竞赛的挑战,总结实现_Python_JavaScript_下载.zip

    在算法竞赛的世界里,Python和JavaScript是两种广泛使用的编程语言,因为它们的语法简洁、易于理解和执行效率适中。这份名为"算法竞赛的挑战,总结实现_Python_JavaScript_下载.zip"的压缩包文件很可能包含了针对...

    JavaScript对象拷贝与Object.assign用法实例分析

    在JavaScript中,实现深拷贝的方法包括递归复制、使用`JSON.parse(JSON.stringify(obj))`(适用于没有函数和循环引用的对象)以及使用某些库(如lodash的`_.cloneDeep()`)。 `JSON.parse(JSON.stringify(obj))`...

    JavaScript高级应用与实践PDF版本下载.txt

    《JavaScript高级应用与实践》这本书覆盖了JavaScript语言本身的核心特性、高级用法以及实际项目中的工程实践等多个方面。通过对这些知识点的学习,开发者不仅可以更加深入地理解JavaScript的工作原理,还能够将其...

    JavaScript全栈教程 (廖雪峰) 完整版PDF

    - Map和Set:掌握这两种数据结构的使用方法,它们在处理复杂数据时非常有用。 - **函数**: - 函数定义与调用:学习如何定义和调用函数,这是编程的基础。 - 变量作用域与解构赋值:理解变量的作用域规则,并学会...

    javascript对象大全

    "JAVASCRIPT对象属性大全.doc"和"js对象属性方法大总结.doc"可能涵盖了JavaScript对象的属性和方法,包括但不限于原型链(prototype)、原型对象(__proto__)、构造函数(constructor)、以及如何添加和访问对象的...

    2022 年JavaScript

    3. 函数:函数是JavaScript中可重用的代码块,理解函数声明、函数表达式、参数传递(按值或按引用)以及箭头函数的用法。 4. 对象与原型链:JavaScript的对象是键值对的集合,通过原型链实现继承,理解构造函数、...

    JavaScript中关于indexOf的使用方法与问题小结

    在JavaScript 1.6版本之前,`indexOf`方法并未在所有浏览器中得到支持,尤其是IE浏览器在IE7和IE8中仅实现了到JavaScript 1.3版本,因此在这些旧版本的IE中尝试使用`indexOf`会抛出错误。相反,Chrome和Firefox等较...

Global site tag (gtag.js) - Google Analytics