`

CoffeeScript notes: write less do more

阅读更多
The Little Book on CoffeeScript   official site
引用
   CoffeeScript is a little language that compiles down to JavaScript. The syntax is inspired by Ruby and Python, and implements many features from those two languages. 

  I found some amazing features when using CoffeeScript on my project. Here I have some examples.
  wonderful idioms of array and object
   Array#forEach() Array#map() Array#filter() are latest features introduced in ECMAScript 5, CoffeeScript have compatible idioms to implement them.
# forEach function
myFunction(item) for item in array

# map function
result = (item.name for item in array)

# filter and map
result = (item for item in array when item.name is "test")

   Demo: convert objects array to values array using coffeescript online demo
# convert object to array in order
	objs = [ {
			sn: "DFJJK"
			project: "fly"
			department: "origin"
			feelings :"well"
		},{
			sn: "DFJJK"
			project: "fly"
			department: "origin"
			feelings :"well"
		}]
		
	order = ["project", "sn",  "feelings", "department"]

	result =  
		for obj in objs
			for name in order 
				obj[name] 
				
	# or in simple way	
	#result = ((obj[name] for name in order ) for obj in objs)
				
	console.log result
	for r in result
				$("body").append r + "<br/>"

 
0
6
分享到:
评论

相关推荐

    jest-preset-coffeescript::joker:用@CoffeeScript轻松编写Jests

    **jest-preset-coffeescript** 是一个专为 CoffeeScript 开发者设计的 Jest 配置预设。这个工具使得使用 CoffeeScript 编写 Jest 单元测试变得更加简单和便捷。Jest 是一个广泛使用的 JavaScript 测试框架,以其丰富...

    CoffeeScript:简化JavaScript代码的优雅选择

    CoffeeScript是一种高级编程语言,它编译成JavaScript,同时紧密遵循JavaScript的习惯用法。CoffeeScript的设计初衷是简化JavaScript代码,提高开发效率和代码可读性。本文将深入探讨CoffeeScript的主要特点,并通过...

    CoffeeScript:函数式编程的优雅实践

    CoffeeScript,作为一种编译成JavaScript的语言,不仅简化了JavaScript的语法,还引入了许多现代编程语言的特性,特别是函数式编程的概念。函数式编程(Functional Programming,FP)是一种编程范式,它将计算视为...

    CoffeeScript:为JavaScript开发带来简洁与优雅的语言

    CoffeeScript 是一种编译到 JavaScript 的高级编程语言,它旨在解决 JavaScript 的一些设计缺陷,同时提供更简洁、更易读的语法。自 2009 年首次发布以来,CoffeeScript 已经成为前端开发中一个受欢迎的选择,尤其...

    asyncjs-coffeescript:2013 年 4 月在 Brighton Async 上关于 Coffeescript 的演讲

    咖啡因热潮:重新审视 Coffeescript :copyright: 2013 Dave Gurnell,获得许可。 我于 2013 年 4 月 11 日在布莱顿的 AsyncJS 上就 Coffeescript 所做的演讲的幻灯片和演示。 在上查看完整内容。 抽象的 ...

    coffeescript

    有一本名为《CoffeeScript: Accelerated JavaScript Development》的书受到了业界的广泛欢迎。这本书作为CoffeeScript的学习指南,包含了丰富的示例代码和教程,帮助开发者快速掌握这种语言的特性,无论他们是在...

    脚本语言CoffeeScript.zip

    CoffeeScript这一门编程语言构建在JavaScript之上,其被编译成高效的JavaScript,这样你就可以在web浏览器上运行它,或是通过诸如用于服务器端应用的Node.js一类的技术来使用它。编译过程通常都很简单,产生出来的...

    jfinal-coffeescript:jfinal coffeescript 插件

    本文将详细探讨`jfinal-coffeescript`插件,它是Java Web框架JFinal与CoffeeScript之间的桥梁,让开发者能够利用CoffeeScript的优雅语法进行后台开发。 首先,我们需要了解JFinal。JFinal是基于Java的轻量级Web开发...

    Coffeescript中文手册

    9. **流程控制**:CoffeeScript提供了`if/else`、`switch`、`for`、`while`等控制流语句,同时引入了`unless`(相当于`if not`)和`do while`。 10. **字符串插值法**:使用`#{}`在字符串中插入变量值,类似于模板...

    ember-cli-coffeescript:将CoffeeScript文件和所有基本生成类型的预编译添加到ember generate命令中

    CoffeeScript支持ember-cli 将CoffeeScript文件和所有基本生成类型的预编译添加到ember generate命令以及linting中。包括使用ember generate在CoffeeScript中生成文件在应用程序中预处理CoffeeScript文件,包括测试...

    coffee-script-source:Crystal应用程序的Coffeescript源代码

    CoffeeScript来源该存储库包含一个基本的碎片,其中包含编译器的原始javascript。 该分片的版本将直接与相应的CoffeeScript编译器的版本匹配。 大部分代码取自Ruby的的gem和Crystalized。安装在您的shard.yml : ...

    php_coffeescript:用于自动将 CoffeeScript 编译为 JavaScript 的 SamsonPHP 模块

    CoffeeScript 1.3.1版已完全移植过来(请参阅)。 端口的编译代码和引用的(例如 )之间存在一些良性差异,否则它们匹配 100%。 要求 PHP 5.3+(使用命名空间、匿名函数)。 安装 建议您使用安装和自动加载 ...

    package-coffeescript:IDE 中的 CoffeeScript 编译器

    CoffeeScript 预览 此包包含 Codebox 的 coffeescript 预览器。 它可以从使用快捷键CTRL+SHIFT+C的命令面板中使用。

    coffeescript-boilerplate:CoffeeScript 项目的样板代码

    3. **块级作用域**:通过使用 `do` 关键字,CoffeeScript 可以创建块级作用域,避免了 JavaScript 中变量作用域的问题。 4. **列表推导**:类似于 Python 的列表解析,CoffeeScript 支持简洁的列表推导式,使数组...

    coffeescript-netbeans:对 NetBeans IDE 的 CoffeeScript 支持

    对 NetBeans IDE 的 CoffeeScript 支持 特征: 只是工作! (不需要 Node.js) 高级语法高亮 通过后台编译进行错误检查 (Rhino JavaScript 引擎用于编译 *.coffee 文件) 自动编译为同一目录下的 JavaScript ...

Global site tag (gtag.js) - Google Analytics