JavaScript Operator

8563 ワード
テキストリンク

1. Increment and decrement operators

let counter = 2;
const preIncrement = ++counter;
// counter = counter + 1;
// preIncrement = counter;
console.log(`preIncrement: ${preIncrement}, counter: ${counter});
//preIncrement: 3, counter: 3

const postIncrement = counter++;
// postIncrement = counter;
// counter = counter + 1;

  • || (or), finds the first truthy value
    console.log( or: ${value1 || value2 || check()} );
    まず簡単なvalueを前に置いて、関数を後ろに置いてこそ良いコードです.

  • && (and), finds the firest falsy value
    console.log( and: ${value1 || value2 || check()} );

  • often used to compress long if-statment

  • nullableObject && nullableObject.something
    • if (nullableObject != null) {
	nullableObject.something
}
    function check() {
	for (let i = 0, i < 10; i++) {
	//wasting time
	console.log('a');
}
	return true;
}

    3. Ternary operator: ?

  • condition ? value1 : value2;
    console.log(name === 'apple' ? 'yes' : 'no');
    もしname==「apple」が本当だったら?後ろのyesが偽の場合:後ろのnoを出力します.簡単な時に使うのがいいです.

    • 4. Switch statment


    use for multiple if checks
    use for enum-like value check
    use for multiple type checks in TS
    const browser = 'IE';

switch (browser) {
  case 'IE':
    console.log('go1');
    break;
  case 'Chrome':
  case 'Firefox': 
    console.log('go2');
    break;
  default:
    console.log('go4');
    break;
    ifでこのように繰り返す場合はswitchを使用することが望ましい.
    タイプスクリプトで指定したタイプをチェックしたり、enum(列挙型)をチェックするときにswitchを使ったりして、毒性がいいです.

    5. Loops


    while loop, while the condition is truthy.
    body code is executed.
    let i =3;
while (i > 0) {
  console.log(`while: ${i}`);
  i==;
}
    do while loop, body code is executed first.
    then check the condition.
    do {
console.log(`do while: ${i}`);
i==;
} while (i >0);
    まず{}を実行し、条件が正しいかどうかを確認します.
  • ブロックを先に実行したい場合はdowhileを書くことができます.条件文が正しいときにブロックを実行したい場合はwhileを書くことができます.
    • エリー
    リンクテキスト
    架橋1010
    JavaScriptの中のvar , let , const : cheatsheet