JavaScript 연산자 참조 가이드
- 이전 페이지 JS 대상
- 다음 페이지 JS 연산자 우선순위
JavaScript 계산 연산자
계산 연산자는 변수와/또는 값 간에 수학적 연산을 수행하는 데 사용됩니다.
주어진 y = 5，아래 표는 계산 연산자를 설명합니다：
| 运算符 | 描述 | 例子 | y의 결과 | x의 결과 | 시도해보세요 |
|---|---|---|---|---|---|
| + | 더하기 | x = y + 2 | y = 5 | x = 7 | 시도해보세요 |
| - | 뺄하기 | x = y - 2 | y = 5 | x = 3 | 시도해보세요 |
| * | 곱하기 | x = y * 2 | y = 5 | x = 10 | 시도해보세요 |
| / | 나누기 | x = y / 2 | y = 5 | x = 2.5 | 시도해보세요 |
| % | 모듈러(나머지) | x = y % 2 | y = 5 | x = 1 | 시도해보세요 |
| ++ | 증가 | x = ++y | y = 6 | x = 6 | 시도해보세요 |
| x = y++ | y = 6 | x = 5 | 시도해보세요 | ||
| -- | 감소 | x = --y | y = 4 | x = 4 | 시도해보세요 |
| x = y-- | y = 4 | x = 5 | 시도해보세요 |
계산 연산자에 대한 지식을 알고 싶다면 우리의 JavaScript 계산 연산자 강의。
JavaScript 할당 연산자
할당 연산자는 JavaScript 변수에 값을 할당하는 데 사용됩니다.
주어진 x = 10 그리고 y = 5，아래 표는 할당 연산자를 설명합니다：
| 运算符 | 例子 | 等同于 | x의 결과 | 시도해보세요 |
|---|---|---|---|---|
| = | x = y | x = y | x = 5 | 시도해보세요 |
| += | x += y | x = x + y | x = 15 | 시도해보세요 |
| -= | x -= y | x = x - y | x = 5 | 시도해보세요 |
| *= | x *= y | x = x * y | x = 50 | 시도해보세요 |
| /= | x /= y | x = x / y | x = 2 | 시도해보세요 |
| %= | x %= y | x = x % y | x = 0 | 시도해보세요 |
할당 연산자에 대한 지식을 알고 싶다면 우리의 JavaScript 할당 연산자 강의。
JavaScript 문자열 연산자
+ 연산자와 += 연산자는 문자열을 연결(추가)하는 데도 사용될 수 있습니다.
주어진 text1 = "Good "、text2 = "Morning"，또한 text3 = ""，아래 표는 이 연산자를 설명합니다：
| 运算符 | 例子 | text1 | text2 | text3 | 시도해보세요 |
|---|---|---|---|---|---|
| + | text3 = text1 + text2 | "Good " | "Morning" | "Good Morning" | 시도해보세요 |
| += | text1 += text2 | "Good Morning" | "Morning" | "" | 시도해보세요 |
비교 연산자
비교 연산자를 사용하여 변수와 값 간의 일치 또는 차이를 결정하는 데 사용됩니다.
주어진 x = 5，아래 표는 비교 연산자를 설명합니다：
| 运算符 | 描述 | 비교 | 반환 | 시도해보세요 |
|---|---|---|---|---|
| == | 일치 | x == 8 | false | 시도해보세요 |
| x == 5 | true | 시도해보세요 | ||
| === | 같은 값과 같은 타입 | x === "5" | false | 시도해보세요 |
| x === 5 | true | 시도해보세요 | ||
| != | 불일치 | x != 8 | true | 시도해보세요 |
| !== | 다른 값이나 다른 타입 | x !== "5" | true | 시도해보세요 |
| x !== 5 | false | 시도해보세요 | ||
| > | 크입니다 | x > 8 | false | 시도해보세요 |
| < | 미만입니다 | x < 8 | true | 시도해보세요 |
| >= | 불리하거나 큽니다 | x >= 8 | false | 시도해보세요 |
| <= | 불리하거나 같습니다 | x <= 8 | true | 시도해보세요 |
비교 연산자에 대한 지식을 얻으려면 우리의 JavaScript 비교 튜토리얼。
조건(삼원) 연산자
조건 연산자는 조건에 따라 변수에 값을 할당합니다.
문법
variablename = (condition) ? value1:value2
예제
voteable = (age < 18) ? "Too young":"Old enough";
예제 설명：
변수 "age"의 값이 18보다 작으면 변수 "voteable"의 값은 "Too young"이 될 것이고, 그렇지 않으면 "voteable"의 값은 "Old enough"가 됩니다.
논리 연산자
논리 연산자는 변수나 값 간의 논리를 결정하는 데 사용됩니다.
주어진 x = 6 그리고 y = 3아래 표는 논리 연산자를 설명합니다：
| 运算符 | 描述 | 例子 | 시도해보세요 |
|---|---|---|---|
| && | and | (x < 10 && y > 1) is true | 시도해보세요 |
| || | or | (x === 5 || y === 5) is false | 시도해보세요 |
| ! | not | !(x === y) is true | 시도해보세요 |
JavaScript 비트 연산자
비트 연산자는 32비트 숫자를 처리할 수 있습니다. 연산에서 사용되는 숫자 연산자는 모두 32비트 숫자로 변환됩니다. 결과는 JavaScript 숫자로 변환됩니다.
| 运算符 | 描述 | 例子 | 等同于 | 结果 | 十进制 |
|---|---|---|---|---|---|
| & | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
| | | OR | x = 5 | 1 | 0101 | 0001 | 0101 | 5 |
| ~ | NOT | x = ~ 5 | ~0101 | 1010 | 10 |
| ^ | XOR | x = 5 ^ 1 | 0101 ^ | 0100 | 4 |
| << | Left shift | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
| >> | Right shift | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
위의 예제는 4비트 비슷한 예제를 사용했습니다. 하지만 JavaScript는 32비트 부호 있는 숫자를 사용합니다.
그래서 JavaScript에서 ~5는 10이 아니라 -6을 반환합니다.
~00000000000000000000000000000101은 11111111111111111111111111111010을 반환합니다.
typeof 연산자
typeof 연산자는 변수, 객체, 함수, 표현식의 타입을 반환합니다：
예제
typeof "Bill" // string을 반환
typeof 3.14 // number을 반환
typeof NaN // number을 반환
typeof false // boolean을 반환
typeof [1, 2, 3, 4] // object을 반환
typeof {name:'Bill', age:19} // object을 반환
typeof new Date() // object을 반환
typeof function () {} // function을 반환
typeof myCar // undefined을 반환(만약 myCar가 선언되지 않았다면)
typeof null // object을 반환
주의하세요：
- NaN의 데이터 타입은 number입니다
- 배열의 데이터 타입은 object입니다
- 날짜의 데이터 타입은 object입니다
- null의 데이터 타입은 object입니다
- 변수가 정의되지 않은 경우 데이터 타입은 undefined입니다
typeof를 사용하여 JavaScript 객체가 배열(또는 날짜)인지 결정할 수 없습니다.
typeof를 사용하여 JavaScript 객체가 배열(또는 날짜)인지 결정할 수 없습니다.
delete 연산자
delete 연산자는 객체에서 속성을 제거합니다：
예제
var person = {firstName:"Bill", lastName:"Gates", age:19, eyeColor:"blue"};
delete person.age; // delete person["age"];
delete 연산자는 속성의 값과 속성 자체를 동시에 제거합니다.
삭제한 후, 다시 추가하기 전까지 해당 속성을 사용할 수 없습니다.
delete 연산자는 객체 속성에 사용됩니다. 변수나 함수에 대한 영향을 미치지 않습니다.
Комментарий:}}не следует использовать оператор delete на предопределенных свойствах JavaScript объектов. Это может привести к отказу в работе вашего приложения.
оператор in
если указанное свойство存在于 указанном объекте in оператор вернет true, если не вернет false:
예제
// массив
var cars = ["Saab", "Volvo", "BMW"];
"Saab" in cars // 반환 false(указан индекс, а не значение)
0 in cars // 반환 true
1 in cars // 반환 true
4 in cars // 반환 false(не существует)
"length" in cars // 반환 true(длина является свойством массива)
// объект
var person = {firstName:"Bill", lastName:"Gates", age:19};
"firstName" in person // 반환 true
"age" in person // 반환 true
// предопределенные объекты
"PI" in Math // 반환 true
"NaN" in Number // 반환 true
"length" in String // 반환 true
instanceof 연산자
지정된 객체가 지정된 객체의 인스턴스라면 instanceof 연산자가 true를 반환합니다:
예제
var cars = ["Saab", "Volvo", "BMW"]; cars instanceof Array; // 반환 true cars instanceof Object; // 반환 true cars instanceof String; // 반환 false cars instanceof Number; // 반환 false
void 연산자
void 연산자는 표현식을 계산하고 반환합니다 undefined이 연산자는 "void(0)"를 사용하여 원시 값(반환 값을 사용하지 않고 계산 표현식을 계산할 때 매우 유용합니다).
예제
<a href="javascript:void(0);"> 빈 링크 </a> <a href="javascript:void(document.body.style.backgroundColor='red');"> 클릭하면 body의 배경색을 빨간색으로 변경합니다 </a>
- 이전 페이지 JS 대상
- 다음 페이지 JS 연산자 우선순위
