ember.js里的实用方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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(‘-----------------------------------------------‘);

  

以上是关于ember.js里的实用方法的主要内容,如果未能解决你的问题,请参考以下文章

Ember.js:让组件观察商店物品的值变化

如何将观察者方法动态添加到 Ember.js 对象

Ember.js、set() 和计算属性

如何在ember js中从子组件调用父组件方法

BootStrap实用代码片段(持续总结)

用于 Restful 后端的 Ember.js 或 Backbone.js [关闭]