コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の 6 つの演算子のまとめ

JavaScript の 6 つの演算子のまとめ

巴扎黑
リリース： 2017-07-29 17:12:26
オリジナル
1415 人が閲覧しました

この記事では主にJavaScriptの6つの演算子の概要を紹介しています この記事では算術演算子、代入演算子、比較演算子、三項演算子、論理演算子、文字列連結演算子などをまとめています。必要な方は以下を参照してください

JavaScript 演算子には主に次のものがあります:

  1. 算術演算子

  2. 代入演算子

  3. 比較演算子

  4. 三項演算子

  5. 論理演算子

  6. 文字列連結演算子

算術演算子

演算子 説明 例 演算結果
+ 加算 y = 2+1 y = 3
- マイナス y = 2 -1 y = 1
* 倍 y = 2*3 y = 6
/ 除算、返される結果は浮動小数点型です y = 6/ 3 y = 2
% 剰余を求め、返される結果は浮動小数点型です
両方のオペランドが整数である必要があります		 y = 6%4 y = 2
++ 増分、前追加と後追加に分けられます
ブール値と NULL 		y = 2
では機能しません ++y (接頭辞)
y++ (後加算) 		y = 3
--- 減少、前減少と後減少に分かれる
ブール値と NULL 		y = 2
では機能しません --y (フロントマイナス)
y--(後減算) 		y = 1

前加算と後加算では、実行後の結果は変数に 1 を加えたものになります。違いは、実行時に返される結果が異なることです。次の 2 つの例を参照してください。

コードは次のとおりです。 

var x = 2;
alert(++x); //输出：3
alert(x); //输出：3
var y = 2;
alert(y++); //输出：2
alert(y); //输出：3
ログイン後にコピー

減少と同じ。

代入演算子

代入演算子 = は代入演算に使用されます。代入演算子は、右側の値を左側の変数に代入するために使用されます。 y = 6 に設定します。以下の表を参照してください。

演算子 の例 は 演算結果
= y = 6�y = 6
+=y += 1y = y+1y = 7
-=y -= 1y = y-1y = 5
* = y *= 2y = y*2y = 12
/=y /= 2y = y/2y = 3
%= y％=4y= y％4y=2

assignmentオペレーターネストされた使用

異議をネストすることができます：codeコードは次のとおりです。

演算子

説明

例演算結果FALSE 2 === "2"TRUEは等しくない、<>TRUEFより大きいまたTRUEFALSETRUE 比較演算子は、文字列の比較にも使用できます。 三項は特別な比較演算子とみなすことができます:
==は2 == 3
=== は(値と型に等しい)すべてを比較する必要があります)2 === 2
FALSE!=

2 == 3
>は2 > 3
<2 < 3
>=以上2>= 3
<= less than Equal to 2 < ;= 3
三項演算子

コードは次のとおりです:

y = (x = 2) + 5;    //结果： x=2，y=7
ログイン後にコピー

構文の説明: expr1 が TRUE と評価される場合、式全体の値は expr2 であり、それ以外の場合は式3。 例:

コードは次のとおりです:

(expr1) ? (expr2) : (expr3)
ログイン後にコピー

この例では、x の値が 2 に等しいかどうかを判断します。x が 2 に等しい場合、y の値は x に等しい (つまり、 2)、それ以外の場合、y は 1 に等しい。

ヒント

エラーを避けるために、三項演算子の各式をかっこで囲むことをお勧めします。 logical operator


perator

explanation

exampleoperation結果&& y = 6;

x && y > 5FALSE y = 6; x && y > 5 y = 6; !(x > y)
||論理OR (または)x = 2;
TRUE!

論理否定、論理の反対側を取る		x = 2;
TRUE

字符串连接运算符

连接运算符 + 主要用于连接两个字符串或字符串变量。因此，在对字符串或字符串变量使用该运算符时，并不是对它们做加法计算。

例子：

代码如下:

x = "beijing";
y = x + "你好！"; //结果：y = "beijing你好！"
// 要想在两个字符串之间增加空格，需要把空格插入一个字符串之中：
y = x + " 你好！"; //结果：y = "beijing 你好！"
ログイン後にコピー

当对字符串和数字做连接（加法）运算时，会将数字先转换成字符串再连接（相加）：

代码如下:

x = 25;
y = "我今年" + x + "岁"; //结果：y = "我今年25岁"
ログイン後にコピー


以上がJavaScript の 6 つの演算子のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
javascript js オペレーター
ソース：php.cn
前の記事：JavaScript数据类型 次の記事：JavaScript 演算子の使用法の概要
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
から 2024-04-06 12:53:11
0
1
376
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート