Javascript 基本チュートリアルの演算子

演算子

まず、式とは何かを知る必要があります

たとえば、i++; a+b これらはすべて式です

単項演算子: 1 つの値演算子のみを操作できます。これらは単項演算子と呼ばれます

インクリメント ++ およびデクリメント --

次のコードを見てください:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>运算符</title>
</head>
<script type="text/javascript">
	var box=100;
	box++;
	//box--;
	//++box;
	//--box;
	document.write(box);
</script>
<body>

</body>
</html>

インクリメント前、出力 101 インクリメント後出力 101

デクリメント前、出力 99 デクリメント後出力 99

注: 前位置と後位置の違い

var box=100;

//age = ++box; ボックスの値を age、age=100 に割り当て、累積します

//age = --box //まずボックスの値を 99 に減らし、次に age に代入します

//= box -- //まずボックスの値を age age=100 に代入し、次に

を減算します

+ -operatorvar box=100;

+box; //正の数値

-box //負の数値

プラス記号(+)には、次のコードに示すように自動変換関数があります

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>一元运算符</title>
</head>
<script type="text/javascript">
	var box="89";
	alert(typeof +box);  //如果没有加号，是string类型，有加号则是number类型
</script>
<body>

</body>
</html>

算術演算子

プラス(+)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>算术运算符</title>
</head>
<script type="text/javascript">
	var a = 10;
	var b = 15;
	var c = a+b;
	document.write(c);
</script>
<body>

</body>
</html>

マイナス(-)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>算术运算符</title>
</head>
<script type="text/javascript">
	var a = 10;
	var b = 15;
	var c = a-b;
	document.write(c);
</script>
<body>

</body>
</html>

乗算(*)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>算术运算符</title>
</head>
<script type="text/javascript">
	var a = 10;
	var b = 15;
	var c = a*b;
	document.write(c);
</script>
<body>

</body>
</html>

で割った(/ )

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>算术运算符</title>
</head>
<script type="text/javascript">
	var a = 15;
	var b = 15;
	var c = a/b;
	document.write(c);
</script>
<body>

</body>
</html>

remainder (%)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>算术运算符</title>
</head>
<script type="text/javascript">
	var a = 15;
	var b = 5;
	var c = a%b;
	document.write(c);
</script>
<body>

</body>
</html>

代入演算子

图片3.png 代入演算子のネストされた使用法: 次の場合

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>赋值运算符</title>
</head>
<script type="text/javascript">
	y = ( x = 2) + 5;
	alert(x);
	alert(y);
</script>
<body>

</body>
</html>

比較演算子

三項演算子文法: 式 1 ? 式 2 : 式 3

例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>三元运算符</title>
</head>
<script type="text/javascript">
	var x = 5;
		y = (x=5)?x:1;
		document.write(y);
</script>
<body>
	
</body>
</html>

注: 式 1 が true の場合、出力結果は式 2 になり、それ以外の場合は、式 3 が式 1 であるかどうかを判断します。が成立した場合、の値を出力します。

&& (条件が成立するには同時に満たさなければなりません)

x=2;y=6;

x&&y>6 ;

このとき、xとyのうち6以上を満たすのはどちらか一方だけなので、結果は false;

||(いずれかの条件が満たされる限り、true)

x=2;y=6;

x||y>6 ;

現時点では, x と y のどちらかが条件を満たすため、結果は true になります ;

!(論理値の逆をとり、true の場合は false、false の場合は true とします)

x=5; y=8;

!(x>y);

まずxを判定してyより大きいか否かは偽、偽でなければ真なので結果は真になります

文字列リンカー +

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>字符串连接符</title>
	<script type="text/javascript">
		var a = "中国，";
		var b = "你好";
		var c = a + b;
		document.write(c);
	</script>
</head>
<body>

</body>
</html>

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript</title> </head> <body> <script type="text/javascript"> document.write("php中文网"); </script> </body> </html>

提出するリセットコード

自動運転