React,Vue.jsの前にJavaScriptを習得すべし！(三項演算子?:,と論理演算子&&||)

三項演算子

これはある条件?条件がtrueの時　: 条件がfalseの時のような書き方をします。
実際に手を動かして色々組み替えて動かしてみてください！

const val1 = 1 > 0 ? "trueだ" : "falseだ！";
console.log(val1);

//trueだ

const val1 = 1 > 10 ? "trueだ" : "falseだ！";
console.log(val1);

//falseだ！

const score = 2000;
console.log(score.toLocaleString());
//2,000 

const score = 2000;

const Num = typeof score === "number" ? score.toLocaleString() : "数値を入力";  //typeofは型を判定
console.log(Num); 
//2,000 

const score = "ゴルフ";
const Num =
  typeof score === "number" ? score.toLocaleString() : "数値を入力せよ";
console.log(Num);

//数値を入力せよ 

const Sum = (score1, score2) => {
  return score1 + score2 > 1000 ? "1000を超えています" : "この範囲ならok";
};
console.log(Sum(400, 300));  //score1 + score2
//この範囲ならok 

main.js

const A = true;
let result = A ? "true" : "false";

// if(A) {
//   result = "true";
//  } else {
//   result = "false";
//  }

console.log(result);

//true

main.js

const A = 10;
let result = A ? 10 : -5;

console.log(result);
function resultA() {
  return A ? "true" : "false";
}

console.log(resultA());

//10
//true

main.js

const A = 0;
let result = A ? 10 : -5;

// if(A) {
//   result = "true";
//  } else {
//   result = "false";
//  }
console.log(result);
function resultA() {
  return A ? "true" : "false";
}

console.log(resultA());

//-5
//false

論理演算子

論理演算子は&&や||を使います。

const logic1 = true;

const logic2 = false;

if (logic1 || logic2) {
  console.log("1か2がtrue");
}

if (logic1 && logic2) {
  console.log("1か2がtrue");
}
//1か2がtrue

const logic1 = true;
const logic2 = true;

if (logic1 || logic2) {
  console.log("1か2がtrue");
}

if (logic1 && logic2) {
  console.log("1も2もtrue");
}

//1か2がtrue 
//1も2もtrue

||について説明します。

||は左側がfalseになる時に右側を返します。
下のコードを例に見ていきます。

const sum = null; //nullはfalseと見られる
const score = sum || "点数がない";

console.log(score);
//点数がない 

const sum = 100;
const score = sum || "点数がない";

console.log(score);
//100

const sum = 1000;
const score = sum && "得点が出た";
console.log(sum);
//1000

&&を見ていきます。&&は左側がtrueなら右を返します。

const sum = 1000;
const score = sum && "得点が出た";
console.log(score);
//得点が出た

const sum = null;
const score = sum && "得点が出た";
console.log(score);
//null

資料