在 Ember.js 中，我们经常需要操作数组。最常见的是推入(push)和弹出(pop)元素。本文将介绍如何在 Ember.js 中进行这些操作。
推入元素
要推入一个元素到数组中，我们可以使用 pushObject 方法。例如：
const arr = ['apple', 'banana'];
arr.pushObject('orange');
console.log(arr); // ['apple', 'banana', 'orange']在 Ember.js 中，我们可以使用类似的语法来操作数组。假设我们有一个数组属性 fruits：
-- -------------------- ---- -------
------ --------- ---- ---------------------
------ - ------- - ---- --------------------
------ ------- ----- ----------- ------- --------- -
-------- ------ - --------- ----------
--------------- -
------------------------------
-
-在模板中，我们可以调用该方法来添加一个水果：
<button {{on "click" (fn this.addFruit "orange")}}>Add orange</button>当用户点击按钮时，addFruit 方法将被调用，将 'orange' 添加到 fruits 数组中。
弹出元素
要从一个数组中弹出(pop)一个元素，我们可以使用 pop 方法。例如：
const arr = ['apple', 'banana', 'orange']; const lastFruit = arr.pop(); console.log(lastFruit); // 'orange' console.log(arr); // ['apple', 'banana']
在 Ember.js 中，我们可以使用 popObject 方法来弹出最后一个元素。例如：
-- -------------------- ---- -------
------ --------- ---- ---------------------
------ - ------- - ---- --------------------
------ ------- ----- ----------- ------- --------- -
-------- ------ - --------- ----------
----------------- -
------------------------
-
-我们可以在模板中调用 removeLastFruit 方法来移除最后一个水果：
<button {{on "click" this.removeLastFruit}}>Remove last fruit</button>当用户点击按钮时，removeLastFruit 方法将被调用，将 fruits 数组中的最后一个元素弹出。
总结
在 Ember.js 中，我们可以使用 pushObject 和 popObject 方法来操作数组。这些方法非常简单易用，并且为我们提供了一种方便的方式来管理数据。如果您是初学者，这篇文章希望可以帮助您更好地理解如何在 Ember.js 中操作数组。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26945