freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-an.../object-oriented-programming/iterate-over-all-properties.md

2.0 KiB
Raw Blame History

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

--description--

现在你已经了解了两种属性: own 属性和 prototype 属性。 Own 属性是直接在对象上定义的。 而 prototype 属性是定义在 prototype 上的。

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

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

let duck = new Bird("Donald");

这个示例会告诉你如何将 duckown 属性和 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--

beagleown 属性都添加到 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);
  }
}