ember.js里的实用方法

一款基于jQuery的插件,以下是关于数组的一些方法

var arr = [‘Wang‘, ‘Jason‘, ‘[email protected]‘, ‘i2cao.xyz‘, ‘ubuntuvim.xyz‘];
arr.forEach(function(item, index) {
  console.log(index+1 + ", " +item);
});

  

//  获取头尾的元素,直接调用Ember封装好的firstObject和lastObject方法即可
console.log(‘The firstItem is ‘ + arr.get(‘firstObject‘));  // output> chen
console.log(‘The lastItem is ‘ + arr.get(‘lastObject‘));  //output> ubuntuvim.xyz

  

//  map方法,转换数组,并且可以在回调函数里添加自己的逻辑
//  map方法会新建一个数组,并且返回被转换数组的元素
var arrMap = arr.map(function(item) {
  return ‘map: ‘ + item;  //  增加自己的所需要的逻辑处理
});
arrMap.forEach(function(item, index) {
  console.log(item);
});
console.log(‘-----------------------------------------------‘);

  

// mapBy 方法:返回对象属性的集合,
// 当你的数组元素是一个对象的时候,你可以根据对象的属性名获取对应值
var obj1 = Ember.Object.create({
  username: ‘123‘,
  age: 25
});

var obj2 = Ember.Object.create({
  username: ‘name‘,
  age: 35
});
var obj3 = Ember.Object.create({
  username: ‘user‘,
  age: 40
});

var obj4 = Ember.Object.create({
  age: 40
});

var arrObj = [obj1, obj2, obj3, obj4];  //对象数组
var tmp = arrObj.mapBy(‘username‘);  // 

tmp.forEach(function(item, index) {
  console.log(index+1+", "+item);
});

console.log(‘-----------------------------------------------‘);

  

时间: 2024-10-18 08:22:55

ember.js里的实用方法的相关文章

js中数组实用方法

shift用法和unshit用法 var colors = [ 'red', 'blue' ]; var item = colors.shift(); alert(item); //'red' alert(colors.length); // 1 var colors = ['red','blue']; var count = colors.unshift('green','back'); alert(count); //4 alert(colors.join(',')); // 'back',

bootstrapValidator.js,最好用的bootstrap表单验证插件 简单实用方法

实用方法 1.引入 在有jquery和bootstrap的页面里引入bootstrapValidator.js和bootstrapValidator.css文件 2. 按照bootstrap的表单组件  构建html代码 在表单中,若对某一字段想添加验证规则,默认需要以<div class="form-group"></div>包裹(对应错误提示会根据该class值定位),内部<input class="form-control" /&

记js里codePointAt()方法返回的结果的含义。

经过<字符串的扩展>和<字符编码的那些事>这两篇文章的阅读,大概了解js里codePointAt方法返回结果的含义. var str='??'; console.log(str.codePointAt(0))//输出134071 那么这个134071到底是这么来的呢?我们可以根据这段话来理解. 在http://tool.chinaz.com/tools/unicode.aspx这个网站上可以将"??"转换成"\ud842\udfb7". 1.

[转]html里a标签中href调用js的几种方法

文章转自:https://blog.csdn.net/best_luxi/article/details/45062301 我们常用的在a标签中有点击事件: 1. a href=”javascript:js_method();” 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href

Ember.js 目前非常流行的H5框架

Ember.js是一个MVC的JavaScript框架,由Apple前雇员创建的SproutCore 2.0改名进化而来,号称「A framework for creating ambitious web applications」. 简介 Emberjs--一个用于创建 web 应用的 JavaScript MVC 框架,采用基于字符串的Handlebars模板,支持双向绑定.观察者模式.计算属性(依赖其他属性动态变化).自动更新模板.路由控制.状态机等. Ember使用自身扩展的类来创建Em

Ember.js 的视图层

本指导会详尽阐述 Ember.js 视图层的细节.为想成为熟练 Ember 开发者准备,且包 含了对于入门 Ember 不必要的细节. Ember.js 有一套复杂的用于创建.管理并渲染连接到浏览器 DOM 上的层级视图的系 统.视图负责响应诸如点击.拖拽以及滚动等的用户事件,也在视图底层数据变更时更 新 DOM 的内容. 视图层级通常由求值一个 Handlebars 模板创建.当模板求值后,会添加子视图.当 那些 子视图求值后,会添加它们的子视图,如此递推,直到整个层级被创建. 即使你并没有在

MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js 概念摘录

转自:http://www.cnblogs.com/xishuai/p/mvc-mvp-mvvm-angularjs-knockoutjs-backbonejs-reactjs-emberjs-avalonjs.html MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是将 M 和 V 的实现代码分离,从而使同一个程序可以使用不同的表现形式. 交互方式(所有通信都是单向的): View 传送指令到 Contro

Ember.js 入门指南——异步路由

本文将为你介绍路由的高级特性,这些高级特性可以用于处理项目复杂的异步逻辑. 关于单词promises,直译是承诺,但是个人觉得还是使用原文吧.读起来顺畅点. 1,promises(承诺) Ember的路由处理异步逻辑的方式是使用promises.简而言之,promises就是一个表示最终结果的对象.这个对象可能是fulfill(成功获取最终结果)也可能是reject(获取结果失败).为了获取这个最终值,或者是处理promises失败的情况都可以使用then方法,这个方法接受两个可选的回调方法,一

Ember.js 入门指南——路由切换的防止和重试

在路由的切换过程中,Ember路由器会通过回调(beforeModel.model.afterModel.redirect)解析一个transition对象到切换的下一路由中.任何一个回调都可以通过传递过来的transition参数获取transition对象,然后使用这个对象调用transition.abort()方法立即终止路由的切换,如果你的程序保存了这个对象(transition对象)之后你还可以在需要的地方取出来并调用transition.retry()方法激活路由切换这个动作,最终实