TwilioQuest-Ducktypium Classess JavaScript Ducktypium Classess 折射方法校准方法

如何解决TwilioQuest-Ducktypium Classess JavaScript Ducktypium Classess 折射方法校准方法

我只是想完成对https://www.twilio.com/quest的挑战。

这个游戏中的问题是：

Ducktypium Classess

在您的代码文件夹中，创建一个名为ducktypium.js的文件。在其内部，创建一个名为Ducktypium的类。构造函数应采用单个字符串参数和水晶色，并将该数据存储在名为color的实例变量中。 颜色只能是red，blue或yellow 。如果参数是其他任何字符串，则构造函数应throw an error。

创建类后，它应该还定义一个名为calibrationSequence的属性，该属性最初设置为空数组。

Ducktypium类必须实现两个实例方法：refract和calibrate。这些功能中的每一个都将在下面说明。

折射方法

一种必需的方法来描述duck在彩色光下的折射特性。

refract方法必须使用单个字符串参数，该参数必须是red，blue或yellow中的一个。如果参数是其他字符串，则方法应为throw an error，就像构造函数一样。此函数应该返回单个字符串，该字符串是实例的color属性和传递给refract函数的颜色的组合所产生的颜色。

如果实例的color属性与传入的参数相同，则返回该值
如果颜色组合不同，则应返回一个字符串，即这两个primary colors的组合。

作为参考，原色通过以下方式组合：

红色+蓝色=紫色
红色+黄色=橙色
黄色+蓝色=绿色

校准方法

另一种必需的方法可以创建稳定鸭ty晶体所需的校准序列。

calibrate方法采用一个参数，即一个数字数组。使用此输入数组，您必须执行以下操作：

将数字从最小到最大排序
将数组中的每个数字乘以3
将结果数组分配给Ducktypium实例的calibrationSequence变量。

我的代码

const VALID_COLORS = ["red","yellow","blue"];

class Ducktypium {
  constructor(color) {
    if (!VALID_COLORS.includes(color)) {
      throw new TypeError("Color must be red,yellow,or blue!");
    }

    this.color = color;
    this.calibrationSequence = [];
  }

  refract(pickColor) {

    if (!VALID_COLORS.includes(pickColor)) {
      throw new TypeError("Color must be red,or blue!");
    } else if (this.color == "red" && pickColor == "blue") {
      return "purple";
    } else if (this.color == "red" && pickColor == "yellow") {
      return "orange";
    } else if (this.color == "yellow" && pickColor == "blue") {
      return "green";
    } else {
      return this.color;
    }

  }

  calibrate(arrayOfNumber) {
    let currentArray = arrayOfNumber.sort();

    currentArray.forEach(item => {
      let multiply = item * 3;
      this.calibrationSequence.push(multiply);
    });
  }
}

try {
  const badColor = new Ducktypium('pink');
} catch(e) {
  console.log('Color must be red,or blue!');
}

const dt = new Ducktypium('red');

console.log(dt.color); // prints 'red'

console.log(dt.refract('blue')); // prints 'purple'
console.log(dt.refract('red')); // prints 'red'

dt.calibrate([3,5,1]);

console.log(dt.calibrationSequence); // prints [3,9,15]

根据游戏的问题，我编写的代码运行完美。但是提交时，它总是像这样：

当其“颜色”属性与其他原色串联在一起时，折射方法应返回获得的颜色。在“目的”标签中查看颜色组合。

即使我不使用try / catch，任何人都可以看到我错了吗？

谢谢

解决方法

您尚未在refract方法中说明所有组合。您只完成了blue+red，而没有完成red+blue。

我可以建议您编写3种布尔方法吗？

const mixPurple = (a,b) =>  (a == 'red' && b == 'blue') || (a == 'blue' && b == 'red');
const mixOrange = (a,b) => ...;
const mixGreen = (a,b) => ...;

然后您的代码确实保持相似

refract(pickColor) {

    if (!VALID_COLORS.includes(pickColor)) {
      throw new TypeError("Color must be red,yellow,or blue!");
    } else if (mixPurple(this.color,pickColor)) {
      return "purple";
    } else if (mixOrange(this.color,pickColor)) {
      return "orange";
    } else if (mixGreen(this.color,pickColor)) {
      return "green";
    } else {
      return this.color;
    }

  }

因为它将所有组合减少到3个分支，并且易于阅读

添加了另一个OR并通过了

    refract(refColor){
        if (this.color==="red" && refColor === "blue" || this.color==="blue" && refColor === "red"){
            return "purple"
        } else if (this.color==="red" && refColor === "yellow" || this.color==="yellow" && refColor === "red"){
            return "orange"
        }  else if (this.color==="yellow" && refColor === "blue" || this.color==="blue" && refColor === "yellow"){
            return "green"
        }   else if (this.color===refColor){
            return this.color}
    }