2.1 KiB
2.1 KiB
id | title | challengeType | forumTopicId | dashedName |
---|---|---|---|---|
587d7dae367417b2b2512b7b | 了解自有属性 | 1 | 301326 | understand-own-properties |
--description--
请看下面的实例,Bird
构造函数定义了两个属性:name
和 numLegs
:
function Bird(name) {
this.name = name;
this.numLegs = 2;
}
let duck = new Bird("Donald");
let canary = new Bird("Tweety");
name
和 numLegs
被叫做 own
属性,因为他们是直接在实例对象上定义的。 这就意味着 duck
和 canary
这两个对象分别拥有这些属性的独立副本。 事实上,Bird
的所有实例都将拥有这些属性的独立副本。 以下的代码将 duck
里面所有的 own
属性都存到一个叫 ownProps
的数组里面:
let ownProps = [];
for (let property in duck) {
if(duck.hasOwnProperty(property)) {
ownProps.push(property);
}
}
console.log(ownProps);
控制台将显示值 ["name", "numLegs"]
。
--instructions--
将 canary
对象里面的 own
属性添加到 ownProps
数组里面。
--hints--
ownProps
应该包含 numLegs
和 name
两个属性的值。
assert(ownProps.indexOf('name') !== -1 && ownProps.indexOf('numLegs') !== -1);
在不使用内置方法 Object.keys()
的前提下完成这个挑战。
assert(!/Object(\.keys|\[(['"`])keys\2\])/.test(code));
你应该解决这个挑战,而不是硬编码 ownProps
数组。
assert(
!/\[\s*(?:'|")(?:name|numLegs)|(?:push|concat)\(\s*(?:'|")(?:name|numLegs)/.test(
code
)
);
--seed--
--seed-contents--
function Bird(name) {
this.name = name;
this.numLegs = 2;
}
let canary = new Bird("Tweety");
let ownProps = [];
// Only change code below this line
--solutions--
function Bird(name) {
this.name = name;
this.numLegs = 2;
}
let canary = new Bird("Tweety");
function getOwnProps (obj) {
const props = [];
for (let prop in obj) {
if (obj.hasOwnProperty(prop)) {
props.push(prop);
}
}
return props;
}
const ownProps = getOwnProps(canary);