freeCodeCamp/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/object-oriented-programming/iterate-over-all-properties.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7daf367417b2b2512b7d	迭代所有屬性	1	301320	iterate-over-all-properties

--description--

現在你已經瞭解了兩種屬性: 自身屬性和 prototype 屬性。 自身屬性是直接在對象上定義的。 而原型屬性在 prototype 上定義。

function Bird(name) {
  this.name = name;  //own property
}

Bird.prototype.numLegs = 2; // prototype property

let duck = new Bird("Donald");

這個示例會告訴你如何將 duck 的自身屬性和 prototype 屬性分別添加到 ownProps 數組和 prototypeProps 數組裏面：

let ownProps = [];
let prototypeProps = [];

for (let property in duck) {
  if(duck.hasOwnProperty(property)) {
    ownProps.push(property);
  } else {
    prototypeProps.push(property);
  }
}

console.log(ownProps);
console.log(prototypeProps);

console.log(ownProps) 將在控制檯中顯示 ["name"] ，console.log(prototypeProps) 將顯示 ["numLegs"]。

--instructions--

將 beagle 的自身屬性都添加到 ownProps 數組裏面去。 將 Dog 中所有的 prototype 屬性都添加到 prototypeProps 數組中。

--hints--

ownProps 數組應該包含 name。

assert.deepEqual(ownProps, ['name']);

prototypeProps 數組應該包含 numLegs。

assert.deepEqual(prototypeProps, ['numLegs']);

在不使用內置方法 Object.keys() 的前提下完成這個挑戰。

assert(!/\Object.keys/.test(code));

--seed--

--seed-contents--

function Dog(name) {
  this.name = name;
}

Dog.prototype.numLegs = 4;

let beagle = new Dog("Snoopy");

let ownProps = [];
let prototypeProps = [];

// Only change code below this line

--solutions--

function Dog(name) {
  this.name = name;
}

Dog.prototype.numLegs = 4;

let beagle = new Dog("Snoopy");

let ownProps = [];
let prototypeProps = [];
for (let prop in beagle) {
  if (beagle.hasOwnProperty(prop)) {
    ownProps.push(prop);
  } else {
    prototypeProps.push(prop);
  }
}