[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_operators [Back]  [Original]

- JavaScript | MDN

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

JavaScript , , , , , , .

.

In this article

JavaScript . , .

JavaScript , . .

js
1  2

3+4 x*y .

.

js
 

js
 

x++ ++x .

. (=), x = y y x .

, .

x = y x = y
x += y x = x + y
x -= y x = x - y
x *= y x = x * y
x /= y x = x / y
x %= y x = x % y
x **= y x = x ** y
x <<= y x = x << y
x >>= y x = x >> y
x >>>= y x = x >>> y
AND x &= y x = x & y
XOR x ^= y x = x ^ y
OR x |= y x = x | y
AND x &&= y x && (x = y)
OR x ||= y x || (x = y)
x ??= y x ?? (x = y)

, . ,

js
let obj = {};

obj.x = 3;
console.log(obj.x); // 3 .
console.log(obj); // { x: 3 } .

const key = "y";
obj[key] = 5;
console.log(obj[key]); // 5 .
console.log(obj); // { x: 3, y: 5 } .

.

, .

js
let val = 0;

console.log((val.x = 3)); // 3 .
console.log(val.x); // undefined .
console.log(val); // 0 .

, (null undefined) .

JavaScript , .

js
var foo = ["one", "two", "three"];

//   
var one = foo[0];
var two = foo[1];
var three = foo[2];

//   
var [one, two, three] = foo;

, (const, let, var) .

js
//  x  f()  ,
// x = f()    .
let x = f();

//  x  g()  ,
// x = g()    .
x = g(); //  x g()  .

, x = f() . , .

, . JavaScript . , .

. , .

js
let x;
const y = (x = f()); //  const y = x = f();  .
console.log(y); // x = f()    .

console.log((x = f())); //    .

//      
//     
//         .
console.log([0, (x = f()), 0]);
console.log(f(0, (x = f()), 0));

"" = . x = f() f() , x += f() x + f() , x **= f() x ** y .

(x &&= y), (x ||= y), (x ??= y) . x && y, x || y, x ?? y .

, ( ), .

, = .

, f, g x, y .

js
function f() {
  console.log("F!");
  return 2;
}
function g() {
  console.log("G!");
  return 3;
}
let x, y;

.

js
y = x = f();
y = [f(), (x = g())];
x[f()] = g();
1

= y = x = f() y = (x = f()) . ,

  1. y = x = f() .
    1. y, y .
    2. x = f() .
      1. x, x .
      2. f() "F!" 2 .
      3. f() 2 x .
    3. x = f() . x , 2.
    4. 2 y .
  2. y = x = f() . y , 2. x y 2 , "F!" .
2

y = [ f(), x = g() ] .

  1. y = [ f(), x = g() ] .
    1. y, y .
    2. [ f(), x = g() ] .
      1. f() "F!" 2 .
      2. x = g() .
        1. x, x .
        2. g() "G!" 3 .
        3. g() 3 x .
      3. x = g() . x , 3. 3 . ( f() 2)
    3. [ f(), x = g() ] . , [ 2, 3 ].
    4. [ 2, 3 ] y .
  2. y = [ f(), x = g() ] . y , [ 2, 3 ]. x 3, y [ 2, 3 ] , "F!" "G!" .
3

x[f()] = g() . ( x . )

  1. x[f()] = g() .
    1. x[f()] .
      1. x, x .
      2. f() "F!" 2 .
    2. x[f()] . x[2].
    3. , g() "G!" 3 .
    4. g() 3 x[2] . ( x )
  2. x[f()] = g() . x[2] , 3. x[2] 3 , "F!" "G!" .

, . .

const, let, var , () const/let/var . ,

js
let z = (y = x = f());

x, y, z . z . y x ([ ][/ko/docs/web/javascript/reference/strict_mode]) , ( ) x y [ ][/ko/docs/glossary/global_variable]

, . , , , . Unicode . , JavaScript . . === !== , . .

js
const var1 = 3;
const var2 = 4;
true
(==) true . 3 == var1

"3" == var1

3 == '3'
(!=) true . var1 != 4
var2 != "3"
(===) true . Object.is JavaScript . 3 === var1
(!==) true . var1 !== "3"
3 !== '3'
(>) true . var2 > var1
"12" > 2
(>=) true . var2 >= var1
var1 >= 3
(<) true . var1 < var2
"2" < 12
(<=) true .

var1 <= var2
var2 <= 5

: => .

( ) . (+), (-), (*), (/). . (0 Infinity ) ,

js
1 / 2; // 0.5
1 / 2 == 1.0 / 2.0; // 

JavaScript (+, -, *, /) .

(%) . . 12 % 5 2 .
(++) . 1 . (++x) 1 . (x++) 1 . x 3 , ++x x 4 4 . x++ 3 x 4 .
(--) . 1 . . x 3 , --x x 2 2 . x-- 3 x 2 .
(-) . . x 3 , -x -3 .
(+) . . +"3" 3 .
+true 1 .
(**) base^exponent, base exponent . 2 ** 3 8 .
10 ** -1 0.1 .

10, 16, 8 , 32 . , 10 9 2 1001 . , JavaScript .

JavaScript .

AND a & b 1 1 .
OR a | b 0 0 .
XOR a ^ b 0 . [ 1 .]
NOT ~ a .
a << b a b , 0 .
a >> b a b , 1 .
a >>> b a b , 1 . 0 .

, .

  • 32 (0 1) . 32 . 32 .

    : 1110 0110 1111 1010 0000 0000 0000 0110 0000 0000 0001
    :                1010 0000 0000 0000 0110 0000 0000 0001
    
  • . , , , ... 32 32 .

  • .

, 9 1001, 15 1111. .

15 & 9 9 1111 & 1001 = 1001
15 | 9 15 1111 | 1001 = 1111
15 ^ 9 6 1111 ^ 1001 = 0110
~15 -16 ~ 0000 0000 ... 0000 1111 = 1111 1111 ... 1111 0000
~9 -10 ~ 0000 0000 ... 0000 1001 = 1111 1111 ... 1111 0110

, NOT 32 , ( ) 1 (2 ). ~x -x - 1 .

, . .

32 , Number BigInt . , BigInt BigInt , Number .

.

(<<) . , 0 . 9<<2, 1001 2 100100 36.
(>>) . , . 9>>2, 1001 2 10 2. -9>>2, -3 .
(>>>) . , 0 . 19>>>2, 10011 2 100 4. .

() . && || , . .

AND (&&) expr1 && expr2 expr1 false expr1 . expr2 . , true, false .
OR (||) expr1 || expr2 expr1 true expr1 . expr2 . , true, false .
NOT (!) !expr true false . true .

false null, 0, NaN, (""), undefined .

&& ( AND) .

js
var a1 = true && true; // t && t true 
var a2 = true && false; // t && f false 
var a3 = false && true; // f && t false 
var a4 = false && 3 == 4; // f && f false 
var a5 = "Cat" && "Dog"; // t && t Dog 
var a6 = false && "Cat"; // f && t false 
var a7 = "Cat" && false; // t && f false 

|| ( OR) .

js
var o1 = true || true; // t || t true 
var o2 = false || true; // f || t true 
var o3 = true || false; // t || f true 
var o4 = false || 3 == 4; // f || f false 
var o5 = "Cat" || "Dog"; // t || t Cat 
var o6 = false || "Cat"; // f || t Cat 
var o7 = "Cat" || false; // t || f Cat 

! ( NOT) .

js
var n1 = !true; // !t false 
var n2 = !false; // !f true 
var n3 = !"Cat"; // !t false 

, ""(short-circuit) .

  • false && .
  • true || .

. , .

|| , (??) . " ", null undefined . '' 0 .

, (+) .

,

js
console.log(" " + ""); //  " " 

+= .

,

js
var mystring = "";
mystring += ""; // "" , mystring "" 

()

JavaScript . , .

js
condition ? val1 : val2;

condition , val1 , val2 . .

,

js
var status = age >= 18 ? "" : "";

age 18 status "" , "" .

(,) . for . , . .

, 10 10 2 a , . a ((0, 0), (1, 1), (2, 2), ...) .

js
var x = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
var a = [x, x, x, x, x];

for (var i = 0, j = 9; i <= j; i++, j--);
//                                  ^
console.log("a[" + i + "][" + j + "]= " + a[i][j]);

.

delete

delete . .

js
delete object.property;
delete object[propertyKey];
delete objectName[index];

, objectName , property , propertyKey .

delete , undefined . delete true , false .

js
delete Math.PI; // false  (    )

const myObj = { h: 4 };
delete myobj.h; // true  (    )

, delete . . , . undefined . splice .

typeof

typeof .

js
typeof operand;
typeof (operand);

typeof . operand , , , . .

.

js
var myFun = new Function("5 + 2");
var shape = "round";
var size = 1;
var foo = ["Apple", "Mango", "Orange"];
var today = new Date();

typeof .

js
typeof myFun; // "function" 
typeof shape; // "string" 
typeof size; // "number" 
typeof foo; // "object" 
typeof today; // "object" 
typeof dontExist; // "undefined" 

true null .

js
typeof true; // "boolean" 
typeof null; // "object" 

.

js
typeof 62; // "number" 
typeof "Hello world"; // "string" 

.

js
typeof document.lastModified; // "string" 
typeof window.length; // "number" 
typeof Math.LN2; // "number" 

.

js
typeof blur; // "function" 
typeof eval; // "function" 
typeof parseInt; // "function" 
typeof shape.split; // "function" 

.

js
typeof Date; // "function" 
typeof Function; // "function" 
typeof Math; // "object" 
typeof Option; // "function" 
typeof String; // "function" 

void

void .

js
void (expression);
void expression;

void . expression JavaScript . , .

, .

in

in true . .

js
propNameOrNumber in objectName;

propNameOrNumber , , objectName .

in .

js
// 
var trees = ["redwood", "bay", "cedar", "oak", "maple"];
0 in trees; // true 
3 in trees; // true 
6 in trees; // false 
"bay" in trees; // false  (   
//    )
"length" in trees; // true  (length Array )

//  
"PI" in Math; // true 
var myString = new String("coral");
"length" in myString; // true 

//   
var mycar = { make: "Honda", model: "Accord", year: 1998 };
"make" in mycar; // true 
"model" in mycar; // true 

instanceof

instanceof true .

js
objectName instanceof objectType;

objectName objectType , objectType Date, Array .

instanceof . , .

instanceof theDay Date . theDay Date , if .

js
var theDay = new Date(1995, 12, 17);
if (theDay instanceof Date) {
  //  
}

. .

.

. []
/ () new
! ~ - + ++ -- typeof void delete
**
/ * / %
/ + -
<< >> >>>
< <= > >= in instanceof
/ == != === !==
AND &
XOR ^
OR |
AND &&
OR ||
?:
= += -= **= *= /= %= <<= >>= >>>= &= ^= |= &&= ||= ??=
,

JavaScript .

.

, . (: ) , .

x = 7 . = 7 x . 7 .

3 + 4 . + 3 4 , 7 .

JavaScript .

  • : , 3.14159 . .
  • : , "", "234" . .
  • : . .
  • : JavaScript .
  • : .

JavaScript .

this

this . this . , this .

js
this["propertyName"];
this.propertyName;

, value validate .

js
function validate(obj, lowval, hival) {
  if (obj.value < lowval || obj.value > hival) console.log(" !");
}

, onchange validate this .

html
<p>18 99   :</p>
<input type="text" name="age" size="3"  />

() . , .

js
var a = 1;
var b = 2;
var c = 3;

//  
a + b * c; // 7
//   
a + (b * c); // 7

//  
//    
(a + b) * c; // 9

// ...  
a * c + b * c; // 9

.

new

new . .

js
var objectName = new objectType([param1, param2, ..., paramN]);

super

super . , .

js
super([arguments]); //   
super.functionOnParent([arguments]);

Web Proxy Viewer  |  New URL  |  Original Page