JS--文字の連結

文字の連結

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【文字の連結】
算術演算子の一つである加算演算子(+)は 2 つの値がともに数値の場合には数値の加算として使用されますが、 1 つまたは 2 つがの値が文字列の場合には文字列の連結として使用されます。

サンプル
let address = '東京都' + '千代田区';

console.log(address);
> 東京都千代田区

1 つの値が文字列で、もう 1 つの値が文字列以外の場合
let price = 200 + '円';//文字列以外の値を文字列に変換する
console.log(price);
> 200円

【文字列連結の順序】
加算演算子(+)の結合規則は左ですので、式の中に複数の + 演算子が含まれる場合は左から順に連結が行われます。

サンプル
let msg = 100 + 80 + '円です。';

console.log(msg);
> 180円です。

let msg = '値段は' + 100 + 80 + '円です。';

console.log(msg);
> 値段は10080円です。

訂正する
let msg = '値段は' + (100 + 80) + '円です。';（）を付ける

console.log(msg);
> 値段は180円です。

JS--typeof演算子

typeof演算子

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【typeof演算子】
typeof 演算子は対象となる値のデータ型を表す文字列を返す演算子

・書式
typeof 値

値には数値や文字列、オブジェクトなどの値を指定します

・サンプル
console.log(typeof 80);
> number
console.log(typeof 80n);
> bigint
console.log(typeof 'Pen');
> string
console.log(typeof true);
> boolean
console.log(typeof null);
> object
console.log(typeof NaN);
> number
console.log(typeof undefined);
> undefined
console.log(typeof Symbol('A'));
> symbol
console.log(typeof [10, 20]);
>object
console.log(typeof {a:'abc'});
> object

let func = function(){
return;
};
console.log(typeof func);
> function

JS--条件演算子

条件演算子(三項演算子)

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【条件演算子の使い方】
条件演算子は三項演算子とも呼ばれる演算子で条件によって処理を分けることができます。
・書式
条件式 ? 式1 : 式2

条件式の値が true だった場合に式1を評価した結果を返し、 false だった場合に式2を評価した結果を返します

サンプル
let point;

point = 84;
let msg = (point > 70) ? '合格です' : '不合格です';
console.log(msg);
> 合格です

point = 54;
let msg = (point > 70) ? '合格です' : '不合格です';
console.log(msg);
> 不合格です

js--論理演算子

論理演算子

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【論理演算子の種類と使い方】
論理演算子には次の 3 種類ある

&& 論理積
演算子の前および後ろの式が共に true の場合に全体が true となります。

|| 論理和
演算子の前または後ろの少なくともどちらかの式が true の場合に true となります。

! 論理否定
演算子の後の式が true ならば false 、 false ならば true となります。

【論理積(&&)】
サンプル

let x = 10;
console.log(x > 20 && x < 40);
> false
let x = 10;

console.log(null && x < 30);
> null

let x = 30;
console.log(x > 20 && x < 40);
> true

let x = 10;
console.log(x > 0 && 'OK');
> OK

【論理和(||)】
演算子の前または後ろの値の少なくとも一つが true の場合に true となります。


サンプル
let x = 84;
let y = 72;

console.log(x > 80 || y > 80)
> true

let x = 75;
let y = 72;

console.log(x > 80 || y > 80)
> false

let mail = '';
let user = 'user';

console.log(mail || user)
> user
mail の評価が false となるので式全体の評価として変数 user に格納されている 'user' が返されます

【論理否定(!)】
論理否定では演算子の後ろの値が true の場合は false となり、 false の場合は true となります。


論理積や論理和とは異なり、論理否定では必ず true または false が返されます。

サンプル
let x = 75;
console.log(!(x > 80))
> true

console.log(! undefined)
> true

■論理演算子の優先順位について

JS--等価演算子

等価演算子

【開発環境】
OS：Win11（64ビット）
VSCode1.72.2、
クロム

【等価演算子の種類と使い方】
等価演算子には次の 4 種類がある。等価演算子は 2 つの値が等しいか(または等しくないか)を評価し true または false を返す。

== 等価
!= 不等価
=== 厳密等価
!== 厳密不等価

【==】
等価演算子では、比較する 2 つの値が同じ値だった場合に true となります。

サンプル
let a = 10 ;
console.log(a == 10);
true

【!=】
不等価演算子では、比較する 2 つの値が異なった場合に true となります。

サンプル
let a = 10 ;
console.log(a != 8);
true

【===】
厳密等価演算子では、比較する 2 つの値が同じデータ型で同じ値だった場合に true となります

サンプル
console.log(10 === 10);
true
console.log(10 === 8);
false
console.log('Apple' === 'Apple');
true
console.log('Apple' === 'apple');
false

【!==】
厳密不等価演算子は、 厳密等価演算子と真逆です。

console.log(10 !== 10);
false
console.log(10 !== 8);
true
console.log('Apple' !== 'Apple');
false
console.log('Apple' !== 'apple');
true