ES6-연산자

안 expression값으로 평가되는 특별한 종류의 문입니다. 모든 표현은-

• Operands − 데이터를 나타냅니다.

• Operator − 값을 생성하기 위해 피연산자가 처리되는 방식을 정의합니다.

다음 표현식을 고려하십시오. 2 + 3입니다. 여기 표현식에서 2와 3은 피연산자이고 기호 + (더하기)는 연산자입니다. JavaScript는 다음 유형의 연산자를 지원합니다.

• 산술 연산자
• 논리 연산자
• 관계 연산자
• 비트 연산자
• 할당 연산자
• 삼항 / 조건부 연산자
• 문자열 연산자
• 유형 연산자
• 무효 연산자

산술 연산자

변수의 값 가정 a 과 b 각각 10과 5입니다.

예시보기

운영자	함수	예
+	Addition 피연산자의 합계를 반환합니다.	a + b는 15입니다.
-	Subtraction 값의 차이를 반환합니다.	ab는 5
*	Multiplication 값의 곱을 반환합니다.	a * b는 50입니다.
/	Division 나누기 연산을 수행하고 몫을 반환합니다.	a / b는 2입니다.
%	Modulus 나눗셈을 수행하고 나머지를 반환합니다.	a % b는 0입니다.
++	Increment 변수 값을 1 씩 증가시킵니다.	a ++는 11입니다.
-	Decrement 변수 값을 1 씩 감소시킵니다.	a--는 9입니다.

관계 연산자

관계 연산자는 두 항목 간의 관계 유형을 테스트하거나 정의합니다. 관계 연산자는 부울 값, 즉 true / false를 반환합니다.

A의 값이 10이고 B가 20이라고 가정합니다.

예시보기

연산자	기술	예
>	보다 큰	(A> B)는 False입니다.
<	보다 작음	(A <B)는 참
> =	크거나 같음	(A> = B)는 False입니다.
<=	보다 작거나 같음	(A <= B)는 참
==	평등	(A == B)는 False입니다.
! =	같지 않음	(A! = B)는 참입니다

논리 연산자

논리 연산자는 둘 이상의 조건을 결합하는 데 사용됩니다. 논리 연산자도 부울 값을 반환합니다. 변수 A의 값이 10이고 B가 20이라고 가정합니다.

예시보기 .

연산자	기술	예
&&	And 연산자는 지정된 모든 표현식이 true를 반환하는 경우에만 true를 반환합니다.	(A> 10 && B> 10)은 거짓입니다.
||	Or 연산자는 지정된 표현식 중 하나 이상이 true를 반환하면 true를 반환합니다.	(A> 10 || B> 10)은 참
!	Not 이 연산자는 식 결과의 역을 반환합니다. 예 :! (7> 5)는 false를 반환합니다.	! (A> 10)은 참입니다.

비트 연산자

JavaScript는 다음과 같은 비트 연산자를 지원합니다. 다음 표에는 JavaScript의 비트 연산자가 요약되어 있습니다.

예시보기 .

연산자	용법	기술
비트 AND	a & b	두 피연산자의 해당 비트가 1 인 각 비트 위치에서 1을 반환합니다.
비트 OR	a | 비	피연산자 중 하나 또는 둘 다의 해당 비트가 1 인 각 비트 위치에서 1을 반환합니다.
비트 XOR	a ^ b	두 피연산자의 해당 비트가 1 인 각 비트 위치에서 1을 반환합니다.
비트 NOT	~ a	피연산자의 비트를 반전합니다.
왼쪽 시프트	a << b	이진 표현에서 a를 b (<32) 비트를 왼쪽으로 이동하고 오른쪽에서 0으로 이동합니다.
부호 전파 오른쪽 시프트	a >> b	이진 표현에서 a를 b (<32) 비트를 오른쪽으로 이동하여 이동 한 비트를 버립니다.
제로 채우기 오른쪽 시프트	a >>> b	이진 표현에서 a를 오른쪽으로 이동합니다. b (<32) 비트를 오른쪽으로 이동하고, 이동 한 비트를 버리고, 왼쪽에서 0으로 이동합니다.

할당 연산자

다음 표에는 할당 연산자가 요약되어 있습니다.

예시보기 .

Sr. 아니요	연산자 및 설명
1	= (Simple Assignment) 오른쪽 피연산자의 값을 왼쪽 피연산자에 할당합니다. Example − C = A + B는 A + B의 값을 C에 할당합니다.
2	+= (Add and Assignment) 왼쪽 피연산자에 오른쪽 피연산자를 추가하고 결과를 왼쪽 피연산자에 할당합니다. Example − C + = A는 C = C + A와 같습니다.
삼	-= (Subtract and Assignment) 왼쪽 피연산자에서 오른쪽 피연산자를 빼고 결과를 왼쪽 피연산자에 할당합니다. Example C-= A는 C = C-A와 같습니다.
4	*= (Multiply and Assignment) 오른쪽 피연산자와 왼쪽 피연산자를 곱하고 결과를 왼쪽 피연산자에 할당합니다. Example C * = A는 C = C * A와 같습니다.
5	/= (Divide and Assignment) 왼쪽 피연산자를 오른쪽 피연산자로 나누고 결과를 왼쪽 피연산자에 할당합니다.

Note − 동일한 논리가 Bitwise 연산자에 적용되므로 << =, >> =, >> =, & =, | = 및 ^ =가됩니다.

기타 연산자

다음은 기타 연산자 중 일부입니다.

The negation operator (-)

Changes the sign of a value. The following program is an example of the same.

var x = 4 
var y = -x; 
console.log("value of x: ",x); //outputs 4 
console.log("value of y: ",y); //outputs -4

The following output is displayed on successful execution of the above program.

value of x: 4 
value of y: -4

String Operators : Concatenation operator (+)

The + operator when applied to strings appends the second string to the first. The following program helps to understand this concept.

var msg = "hello"+"world" 
console.log(msg)

The following output is displayed on successful execution of the above program.

helloworld

The concatenation operation doesn’t add a space between the strings. Multiple strings can be concatenated in a single statement.

Conditional Operator (?)

This operator is used to represent a conditional expression. The conditional operator is also sometimes referred to as the ternary operator. Following is the syntax.

Test ? expr1 : expr2

Where,

Test − Refers to the conditional expression

expr1 − Value returned if the condition is true

expr2 − Value returned if the condition is false

Example

var num = -2 
var result = num > 0 ?"positive":"non-positive" 
console.log(result)

Line 2 checks whether the value in the variable num is greater than zero. If num is set to a value greater than zero, it returns the string “positive” else a “non-positive” string is returned.

The following output is displayed on successful execution of the above program.

non-positive

typeof operator

It is a unary operator. This operator returns the data type of the operand. The following table lists the data types and the values returned by the typeof operator in JavaScript.

Type	String Returned by typeof
Number	"number"
String	"string"
Boolean	"boolean"
Object	"object"

The following example code displays the number as the output.

var num = 12 
console.log(typeof num); //output: number

The following output is displayed on successful execution of the above code.

number

Spread Operator

ES6 provides a new operator called the spread operator. The spread operator is represented by three dots “...” . The spread operator converts an array into individual array elements.

Spread operator and function

The following example illustrates the use of spread operators in a function

<script>
   function addThreeNumbers(a,b,c){
      return a+b+c;
   }
   const arr = [10,20,30]
   console.log('sum is :',addThreeNumbers(...arr))
   console.log('sum is ',addThreeNumbers(...[1,2,3]))
</script>

The output of the above code will be as seen below −

sum is : 60
sum is 6

Spread operator and Array copy and concat

The spread operator can be used to copy one array into another. It can also be used to concatenate two or more arrays. This is shown in the example below −

Example

<script>
   //copy array using spread operator
   let source_arr = [10,20,30]
   let dest_arr = [...source_arr]
   console.log(dest_arr)
	
   //concatenate two arrays
   let arr1 = [10,20,30]
   let arr2 =[40,50,60]
   let arr3 = [...arr1,...arr2]
   console.log(arr3)
</script>

The output of the above code will be as stated below −

[10, 20, 30]
[10, 20, 30, 40, 50, 60]

Spread Operator and Object copy and concatenation

The spread operator can be used to copy one object into another. It can also be used to concatenate two or more objects. This is shown in the example below −

<script>
   //copy object
   let student1 ={firstName:'Mohtashim',company:'TutorialsPoint'}
   let student2 ={...student1}
   console.log(student2)
   //concatenate objects
   let student3 = {lastName:'Mohammad'}
   let student4 = {...student1,...student3}
   console.log(student4)
</script>

The output of the above code will be as given below −

{firstName: "Mohtashim", company: "TutorialsPoint"}
{firstName: "Mohtashim", company: "TutorialsPoint", lastName: "Mohammad"}