freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-an.../basic-javascript/build-javascript-objects.md

2.9 KiB
Raw Blame History

id title challengeType videoUrl forumTopicId dashedName
56bbb991ad1ed5201cd392d0 创建 JavaScript 对象 1 https://scrimba.com/c/cWGkbtd 16769 build-javascript-objects

--description--

你之前可能听过 object 这个词。

对象和 arrays 类似,区别在于数组使用索引来访问和修改数据,而对象中的数据是通过 properties 访问的。

对象非常适合用来存储结构化数据,可以表示真实世界中的物体,比如一只猫。

这里是一个猫对象的样本:

var cat = {
  "name": "Whiskers",
  "legs": 4,
  "tails": 1,
  "enemies": ["Water", "Dogs"]
};

在这个示例中,所有的属性都被纯属为字符串,比如 namelegstails。 然而,你也可以使用数字作为属性。 你甚至可以省略单字字符串属性中的引号,如下所示:

var anotherObject = {
  make: "Ford",
  5: "five",
  "model": "focus"
};

然而如果你的对象有非字符串属性的话JavaScript 会自动将它们转为字符串。

--instructions--

确保对象表示一只名为 myDog 的狗,包含属性 name(字符串)、legstailsfriends

你可以随意设置这些对象的属性值,只要 name 是字符串,legstails 是数字,friends 是数组即可。

--hints--

myDog 应该包含 name 属性,并且它应该是一个 string

assert(
  (function (z) {
    if (
      z.hasOwnProperty('name') &&
      z.name !== undefined &&
      typeof z.name === 'string'
    ) {
      return true;
    } else {
      return false;
    }
  })(myDog)
);

myDog应该包含 legs 属性,并且它应该是一个 number

assert(
  (function (z) {
    if (
      z.hasOwnProperty('legs') &&
      z.legs !== undefined &&
      typeof z.legs === 'number'
    ) {
      return true;
    } else {
      return false;
    }
  })(myDog)
);

myDog 应该包含 tails 属性,并且它应该是一个 number

assert(
  (function (z) {
    if (
      z.hasOwnProperty('tails') &&
      z.tails !== undefined &&
      typeof z.tails === 'number'
    ) {
      return true;
    } else {
      return false;
    }
  })(myDog)
);

myDog 应该包含 friends 属性,并且它应该是一个 array

assert(
  (function (z) {
    if (
      z.hasOwnProperty('friends') &&
      z.friends !== undefined &&
      Array.isArray(z.friends)
    ) {
      return true;
    } else {
      return false;
    }
  })(myDog)
);

myDog 只应该包含所有给定的属性。

assert(
  (function (z) {
    return Object.keys(z).length === 4;
  })(myDog)
);

--seed--

--after-user-code--

(function(z){return z;})(myDog);

--seed-contents--

var myDog = {
// Only change code below this line


// Only change code above this line
};

--solutions--

var myDog = {
  "name": "Camper",
  "legs": 4,
  "tails": 1,
  "friends": ["everything!"]
};