연산자(Operator) #1

1.String operators

console.log('my' + 'cat'); 
console.log('1' + 2);
console.log(`string literals: 1 + 2 = ${1 + 2}`);

• string과 string을 합해서 새로운 문자열을 만들 수 있다.
• string과 number를 합하면 number가 변환되어 합쳐진다.
• string liters 를 backtick(`)을 이용해서 만들 수 있는데 ${}이용하면 변수값을 계산해 string으로 포함되 문자열로 처리된다.

---

2.Numeric operators

console.log(8 + 10); // 덧셈 값:18
console.log(5 - 2); // 뺄셈 값:3
console.log(4 / 2); // 나눗셈 값:2
console.log(8 * 10); // 곱셈 값:80
console.log(9 % 2); // 나눈 값의 나머지 값:1
console.log(3 ** 3); // 거듭제곱 값:27

---

3. Increment,Decrement

증감 연산자(++ , --)라고도 하며 선언한 값의 증가 또는 감소를 한다.

• Increment

let counter = 2; // 값이 언제든 바뀔 수 있기때문에 let이란 변수를 사용
const preIncrement = ++counter // 고정된 변수를 사용하기 위해 const을 사용

consol.log(`preIcrement: ${preIncrement}, counter:${counter}`);
// 위와 같이 출력하게 되면 const변수 선언에서 1이 증감되어 counter는 3로 출력, 
// preIcrement는 counter와 같이(++)1이 증감되어 3으로 출력된다
const postIncrement = counter++
consol.log(`postIncrement: ${postIncrement}, counter:${counter}`);
// 위와 같이 출력하게 되면 postIncrement는 앞선 증감한 값인 counter의 3이 출력되고
// counter는 3이 출력된 그 이후에 1이 증감되어 값이 4로 출력된다. 

• Decrement
  위와 반대로 증감 연산자(--)값이 되기 때문에 감소가 된다.

---

4. Assignment operators

선언한 값 또는 식을 다시 변수에 할당하는 연산자이다.

let x = 3;
let y = Boy;

console.log(x += 3); // 덧셈 값:6

console.log(b += ' world'); // 값: Boy world

// 다음과 같이 생략이 가능하다 
x += y; // x = x + y;
x -= y; // x = x - y;
x *= y; // x = x * y;
x /= y; // x = x / y;

---

5. Comparison operators

선언한 값 과 값의 비교를 하는 연산자이다.

console.log(10 < 6); // 6은 10보다 크지 않으니 거짓(false)
console.log(10 <= 6); // 6은 10보다 같거나 크지 않으니 거짓(false)
console.log(10 > 6); // 10은 6보다 크니 참(true)
console.log(10 >= 6); // 10은 6보다 같거나 크니 참(true)

---

6.Logical operators

값의 조건이 맞는지 확인하는 논리연산자이며 어렵지만 알아두면 제일 많이 쓰이는 연산자이다.

const logic1 = false;
const logic2 = 4 < 2; // 2는 4보다 크지 않으니 거짓(false)

function logic3(){
	for (let i = 0; i < 10; i++){
    	console.log('X');
    }
  	return true;
  // logic3의 함수는 i=0이며 0 이 10보다 작으니 0을 
  // ++이용해 하나씩 증감하자 그때까지 나는 X라는 string이야
  // 그치만 나는 항상 true야
}

위와 같이 식을 선언하고 값의 확인을 위해 logical operator를 사용한다

• ||(or)는 각자의 logic에 하나라도 true로 처리된다면 ture로 인식한다 또한 첫번째의 logic이 true가 된다면 다음값이 무엇이든 거기서 멈추고 ture로 인식한다.

consol.log(`or:${logic1 || logic2 || logic3()});
// logic1,2는 false지만 결국 함수인 logic3는 true로 해당되기 때문에 or은 ture다

• &&(and)는 logic이 다 같읕 조건에 해당되어야 결과값이 처리가된다. 그렇기에 or과 비슷하게 logic1이 false면 더 이상 가지않고 false라 출력된다.

consol.log(`and:${logic1 && logic2 && logic3()});
// logic1,2가 false지만 logic3라는 함수는 true로 할당되기 때문에 and는 false다.

이 연산자를 작성할때 주의할점은 여러개의 값이 존재하면 첫번째logic부터 선언을할때 함수같은 복잡하고 무거운 식들은 값을 창출하고 찾는데 힘들기 때문에 가벼운 순서대로 나열하는 것이 좋은 코드 작성이다.

• !(not)은 그 결과값을 반대로 바꿔주는 역할을 한다.

console.log(!logic1); // logic의 값인 false가 true로 바뀐다.