JS で美しい条件式を書く方法についての簡単な説明

関数 printAnimals(動物) {
  if (動物 === "犬" || 動物 === "猫") {
    console.log(`私には${animal}がいます`);
  }
}

console.log(printAnimals("dog")); // 犬を飼っています

関数 printAnimals(動物) {
  const 動物 = ["犬", "猫", "ハムスター", "カメ"];

  動物が含まれる場合
    console.log(`私には${animal}がいます`);
  }
}

console.log(printAnimals("hamster")); // ハムスターを飼っています

const printAnimalDetails = (動物) => {
  let result; // 最終値を格納する変数を宣言する

  // 条件 1: 動物に値があるかどうかをチェックする
  （動物）の場合{
    // 条件 2: animal に type プロパティがあるかどうかをチェックする
    if (動物の種類) {
      // 条件 3: 動物に名前プロパティがあるかどうかをチェックする
      if (動物名) {
        // 条件 4: 動物に性別プロパティがあるかどうかをチェックする
        if (動物.性別) {
          result = `${animal.name} は ${animal.gender} ${animal.type} です;`;
        } それ以外 {
          result = "動物の性別なし";
        }
      } それ以外 {
        result = "動物の名前がありません";
      }
    } それ以外 {
      result = "動物の種類がありません";
    }
  } それ以外 {
    result = "動物はいません";
  }

  結果を返します。
};

console.log(printAnimalDetails()); // '動物なし'

console.log(printAnimalDetails({ type: "dog", gender: "female" })); // '動物の名前がありません'

console.log(printAnimalDetails({ type: "dog", name: "Lucy" })); // '動物の性別がありません'

コンソール.log(
  printAnimalDetails({ タイプ: "犬", 名前: "ルーシー", 性別: "女性" })
); // 'ルーシーはメスの犬です'

const printAnimalDetails = ({ タイプ、名前、性別 } = {}) => {
  if (!type) return "動物の種類がありません";
  if (!name) return "動物の名前がありません";
  if (!gender) return "動物の性別なし";

  // このコード行では、3 つのプロパティすべてを備えた動物が存在することが確認されています。

  `${name} は ${gender} ${type} です` を返します。
};

console.log(printAnimalDetails()); // '動物の種類がありません'

console.log(printAnimalDetails({ type: dog })); // '動物の名前がありません'

console.log(printAnimalDetails({ type: dog, gender: female })); // '動物の名前がありません'

console.log(printAnimalDetails({ type: dog, name: "Lucy", gender: "female" })); // 'Lucy はメスの犬です'

関数 printVegetablesWithQuantity(野菜, 数量) {
  const 野菜 = ["ジャガイモ", "キャベツ", "カリフラワー", "アスパラガス"];

  // 条件 1: 野菜が存在すること
  （野菜）の場合{
    // 条件 2: リスト内の項目の 1 つである必要があります
    if (vegetables.includes(vegetable)) {
      console.log(`私は${vegetable}が好きです`);

      // 条件 3: 大量であること
      数量 >= 10 の場合
        console.log("大量に購入しました");
      }
    }
  } それ以外 {
    throw new Error("リストに野菜がありません!");
  }
}

printVegetablesWithQuantity(null); // リストに野菜がありません!
printVegetablesWithQuantity("cabbage"); // 私はキャベツが好きです
printVegetablesWithQuantity("キャベツ", 20);
// 'キャベツが好きです`
// 「大量に購入しました」

関数 printVegetablesWithQuantity(野菜, 数量) {
  const 野菜 = ["ジャガイモ", "キャベツ", "カリフラワー", "アスパラガス"];

  // 条件 1: 早期にエラーをスローする
  if (!vegetable) throw new Error("リストに野菜がありません!");

  // 条件 2: リストに含まれている必要がある
  if (vegetables.includes(vegetable)) {
    console.log(`私は${vegetable}が好きです`);

    // 条件 3: 大量であること
    数量 >= 10 の場合
      console.log("大量に購入しました");
    }
  }
}

関数 printVegetablesWithQuantity(野菜, 数量) {
  const 野菜 = ["ジャガイモ", "キャベツ", "カリフラワー", "アスパラガス"];

  if (!vegetable) throw new Error("リストに野菜がありません!");
  // 条件 1: 早期にエラーをスローする

  if (!vegetables.includes(vegetable)) return;
  // 条件2: 関数から戻ると野菜は
  // リスト

  console.log(`私は${vegetable}が好きです`);

  // 条件 3: 大量であること
  数量 >= 10 の場合
    console.log("大量に購入しました");
  }
}

関数 printFruits(color) {
  // スイッチケースを使用して色で果物を検索します
  スイッチ（色）{
    ケース「赤」:
      ["リンゴ", "イチゴ"] を返します。
    ケース「黄色」:
      ["バナナ", "パイナップル"]を返します。
    ケース「紫」:
      ["ブドウ", "プラム"]を返します。
    デフォルト：
      戻る [];
  }
}

printFruits(null); // []
printFruits("yellow"); // ['バナナ', 'パイナップル']

// オブジェクトリテラルを使用して色で果物を検索します
定数フルーツカラー = {
  赤: ["リンゴ", "イチゴ"],
  黄色: ["バナナ", "パイナップル"],
  紫: ["ブドウ", "プラム"],
};

関数 printFruits(color) {
  fruitColor[色] || [] を返します。
}

// マップを使用して色で果物を検索します
const fruitColor = 新しい Map()
  .set("赤", ["リンゴ", "イチゴ"])
  .set("黄色", ["バナナ", "パイナップル"])
  .set("紫", ["ブドウ", "プラム"]);

関数 printFruits(color) {
  fruitColor.get(color) を返します || [];
}

const フルーツ = [
  { 名前: "リンゴ", 色: "赤" },
  { 名前: "イチゴ", 色: "赤" },
  { 名前: "バナナ"、色: "黄色" },
  { 名前: "パイナップル"、色: "黄色" },
  { 名前: "ブドウ"、色: "紫" },
  { 名前: "プラム"、色: "紫" },
];

関数 printFruits(color) {
  fruit.filter((fruit) => fruit.color === color); を返します。
}

関数 printVegetablesWithQuantity(野菜、数量 = 1) {
// 数量に値がない場合、1 を割り当てます

  if (!vegetable) return;
    console.log(`${quantity} 個の ${vegetable} があります!`);
  }
  //結果
}

printVegetablesWithQuantity('cabbage'); // キャベツは 1 個あります。
printVegetablesWithQuantity('potato', 2); // ジャガイモが2個あります!

関数 printVegetableName(野菜) {
  if (野菜 && 野菜名) {
    console.log(野菜名);
  } それ以外 {
    console.log("不明");
  }
}

printVegetableName(undefined); // 不明
printVegetableName({}); // 不明
printVegetableName({ name: "cabbage", quantity: 2 }); // キャベツ

// 破壊 - 名前プロパティのみ取得
// デフォルトの空のオブジェクトを割り当てる {}

関数 printVegetableName({ name } = {}) {
  console.log(名前 || "不明");
}

printVegetableName(undefined); // 不明
printVegetableName({}); // 不明
printVegetableName({ name: "cabbage", quantity: 2 }); // キャベツ

const フルーツ = [
  { 名前: "リンゴ", 色: "赤" },
  { 名前: "バナナ"、色: "黄色" },
  { 名前: "ブドウ"、色: "紫" },
];

関数テスト() {
  isAllRed を true にします。

  // 条件: すべての果物は赤でなければならない
  （果物のfとする）{
    if (!isAllRed) break;
    isAllRed = f.color == "赤";
  }

  console.log(isAllRed); // 偽
}

const フルーツ = [
  { 名前: "リンゴ"、色: "赤" },
  { 名前: "バナナ"、色: "黄色" },
  { 名前: "ブドウ"、色: "紫" },
];

関数テスト() {
  // 条件: 短い道、すべての果物は赤でなければならない
  const isAllRed = fruit.every((f) => f.color == "red");

  console.log(isAllRed); // 偽
}

const フルーツ = [
  { 名前: "リンゴ", 色: "赤" },
  { 名前: "バナナ"、色: "黄色" },
  { 名前: "ブドウ"、色: "紫" },
];

関数テスト() {
  // 条件: 果物が赤ければ
  const isAnyRed = fruit.some((f) => f.color == "red");

  console.log(isAnyRed); // 真
}

定数車 = {
  モデル:「フィエスタ」、
  メーカー:
    名前: 「フォード」、
    住所：
      street: "通りの名前",
      番号: "5555",
      州:「米国」、
    },
  },
};

// 車のモデルを取得する
const model = (car && car.model) || "デフォルトモデル";

// 製造元の住所を取得する
定数ストリート =
  （車 ＆＆
    自動車メーカー &&
    車.メーカー.住所 &&
    車.製造元.住所.通り) ||
  「デフォルトのストリート」;

// 存在しないプロパティを要求する
const 電話番号 =
  車 ＆＆
  自動車メーカー &&
  車.メーカー.住所 &&
  車の製造元の電話番号;

console.log(model); // 'フィエスタ'
console.log(street); // 'ある通りの名前'
console.log(電話番号); // 未定義

const isManufacturerFromUSA = () => {
  もし （
    車 ＆＆
    自動車メーカー &&
    車.メーカー.住所 &&
    car.manufacturer.address.state === "米国"
  ）{
    コンソールにログ出力します。
  }
};

checkCarManufacturerState(); // 'true'

// 車のモデルを取得する
const model = car?.model ?? "デフォルトモデル";

// 製造元の住所を取得する
const street = car?.manufacturer?.address?.street ?? "デフォルトの通り";

// 自動車メーカーが米国製かどうかをチェックする
const isManufacturerFromUSA = () => {
  if (車?.製造元?.住所?.州 === "米国") {
    コンソールにログ出力します。
  }
};