JS 챌린지 3일

HeeJune KIM·2023년 9월 8일
UDR언더독레볼루션

1. 산술연산자

산술 연산자 (Arithmetic Operators):

  • 이항 연산자로, 두 개의 피연산자를 가집니다. 피연산자는 변수나 숫자가 될 수 있습니다.
  • 주요 산술 연산자는 다음과 같습니다:
    • 더하기 (+): 두 값을 더합니다.
    • 빼기 (-): 두 값을 뺍니다.
    • 곱하기 (*): 두 값을 곱합니다.
    • 나누기 (/): 첫 번째 값을 두 번째 값으로 나눕니다.
    • 나머지 (%): 첫 번째 값을 두 번째 값으로 나눈 나머지를 반환합니다.

      단항 연산자 (Unary Operators):
  • 단항 연산자는 하나의 피연산자를 가집니다. 주로 변수에 대한 단항 연산을 수행합니다.
  • 예시로 "-A"는 변수 A의 값에 -1을 곱한 효과를 가집니다.

    증감 연산자 (Increment and Decrement Operators):
  • 증감 연산자는 변수의 값을 증가하거나 감소시킬 때 사용됩니다.
  • "++"는 변수의 값을 1 증가시키고, "--"는 변수의 값을 1 감소시킵니다.
  • 변수 앞에 증감 연산자를 사용한 경우, 먼저 증가 또는 감소한 후에 표현식을 평가합니다.
  • 변수 뒤에 증감 연산자를 사용한 경우, 먼저 표현식을 평가한 후에 증가 또는 감소합니다.

    Math 관련 명령어:
  • Math 객체는 수학적인 연산을 수행할 때 유용합니다.
  • Math.pow(A, b)는 A의 b승을 계산합니다.
  • Math.sqrt(A)는 A의 제곱근을 계산합니다.
  • Math.random()은 0부터 1 사이의 임의의 난수를 생성합니다.

    Code 1 예시와 결과:
  1. var a; a = 1; console.log(++a); console.log(a);에서 "++a"는 a를 먼저 1 증가시키고 출력하므로 결과는 2, 2입니다.
  2. var a; a = 1; console.log(a++); console.log(a);에서 "a++"는 a를 출력한 후에 1 증가시키므로 결과는 1, 2입니다.

2. 함수 사용하기

함수의 정의:

  • 함수는 코드 블록을 정의하고, 필요할 때 여러 번 실행할 수 있도록 만드는 자바스크립트의 기본적인 구조입니다.
  • 함수를 사용하는 이유는 다음과 같습니다:
    • 반복되는 코드를 줄여 코드를 재사용할 수 있습니다.
    • 코드의 개발과 유지보수를 용이하게 만듭니다.

      함수 정의 구문:
function 함수이름(파라미터1, 파라미터2) {
    // 함수 내에서 실행될 코드
    return 반환값;
}
  • 함수이름: 함수의 이름을 지정합니다.
  • 파라미터1, 파라미터2 등: 함수에 전달되는 인자(값)를 정의합니다. 여러 개의 파라미터가 있을 경우 콤마로 구분합니다.
  • return 반환값: 함수가 실행된 후 결과 값을 반환합니다. 함수를 종료하고 결과 값을 반환할 때 사용됩니다. 반환값이 없을 수도 있습니다.

    함수의 호출 방법:
  • 함수를 호출하기 위해서는 함수 이름을 사용하고, 필요한 인자(값)를 전달합니다.
  • 함수 호출 구문은 다음과 같은 형태를 가집니다:
함수이름(인자1, 인자2, ...);
var result = add(2, 3); // "add" 함수를 호출하고 결과를 "result" 변수에 저장
console.log(result); // 출력: 5

3. 관계연산자

관계연산자 (Relational Operators):

  • 관계연산자는 두 개의 값을 비교하여 관계를 확인하고, 결과로 불리언(Boolean) 값인 true 또는 false를 반환합니다.
  • 주요 관계연산자와 예시는 다음과 같습니다:
    • <: A보다 B가 더 큰 경우 참
    • >: A보다 B가 더 작은 경우 참
    • <=: A보다 B가 크거나 같은 경우 참
    • >=: A보다 B가 작거나 같은 경우 참
    • ==: A와 B가 같은 경우 참
    • !=: A와 B가 같지 않은 경우 참

      논리연산자 (Logical Operators):
  • 논리연산자는 boolean 값을 조작하는 데 사용됩니다. 논리연산자는 주로 조건문과 함께 사용되어 프로그램의 흐름을 제어하는 데 도움을 줍니다.
  • 주요 논리연산자는 다음과 같습니다:
    • && (AND): 두 피연산자가 모두 true인 경우에만 true를 반환합니다.
    • || (OR): 두 피연산자 중 하나 이상이 true인 경우 true를 반환합니다.
    • ! (NOT): 피연산자가 true인 경우 false를 반환하고, false인 경우 true를 반환합니다.
var x = 5;
var y = 3; 
var isGreater = x > y; // true
var isLessOrEqual = x <= y; // false
var condition1 = true;
var condition2 = false;
var result1 = condition1 && condition2; // false
var result2 = condition1 || condition2; // true
var result3 = !condition1; // false

4. 연산자 우선순위

  1. ++, -- (후위 증가 및 감소 연산자)
  2. ! (논리 NOT)
  3. *, /, % (곱셈, 나눗셈, 나머지)
  4. +, - (덧셈, 뺄셈)
  5. <, <=, >, >= (비교 연산자)
  6. ==, != (동등 비교 연산자)
  7. && (논리 AND)
  8. || (논리 OR)
  9. 괄호 () (우선순위를 높이기 위해 사용)
var result = 2 + 3 * 4; // '*'가 '+'보다 먼저 계산되므로 result는 14
var result = (2 + 3) * 4; // 괄호 안의 표현식이 먼저 계산되므로 result는 20

5. String 이어붙이기

문자열 이어 붙이기:
1. .concat() 함수 사용: 두 개 이상의 문자열을 이어 붙일 때 사용할 수 있습니다.

var str1 = "Hello";
var str2 = "World";
var result = str1.concat(" ", str2); // "Hello World"
  1. 더하기(+) 연산자 사용: 문자열 더하기 연산자인 +를 사용하여 문자열을 이어 붙일 수 있습니다.
var str1 = "Hello";
var str2 = "World";
var result = str1 + " " + str2; // "Hello World"

문자열 길이 알아내기:

  • 문자열의 길이를 알아내기 위해 .length 속성을 사용합니다.
var str = "Hello, World!";
var length = str.length; // 13 (공백과 구두점을 포함한 문자열의 총 길이)

6. Strung 다루기

특정 위치의 문자열 알아내기:
1. .charAt() 함수 이용:

  • .charAt(index) 함수를 사용하여 문자열의 특정 위치의 문자를 알아낼 수 있습니다.
  • 첫 번째 문자를 얻으려면 str.charAt(0) 또는 str[0]을 사용합니다.
  • 마지막 문자를 얻으려면 str.charAt(str.length-1) 또는 str[str.length-1]을 사용합니다.

부분 문자열 구하기:
1. .substring() 함수 사용:

  • .substring(start, end) 함수를 사용하여 문자열의 연속된 일부분을 얻을 수 있습니다.
  • start에서 end까지의 부분 문자열을 반환합니다.
  • end를 생략하면 start부터 문자열 끝까지 반환됩니다.
  1. .substr() 함수 사용:
    • .substr(start, length) 함수를 사용하여 문자열의 일부분을 얻을 수 있습니다.
    • start 위치부터 length 길이만큼의 부분 문자열을 반환합니다.
    • length를 생략하면 start부터 문자열 끝까지 반환됩니다.
    • start가 음수인 경우, str.length - start로 동작합니다.

문자열 검색하기:
1. .indexOf() 함수 사용:

  • .indexOf(substring) 함수를 사용하여 특정 문자열 substring을 찾을 수 있습니다.
  • 처음으로 발견된 위치의 인덱스를 반환하며, 발견되지 않으면 -1을 반환합니다.
  1. .lastIndexOf() 함수 사용:
    • .lastIndexOf(substring) 함수를 사용하여 문자열의 뒤에서부터 특정 문자열 substring을 찾을 수 있습니다.
    • 마지막으로 발견된 위치의 인덱스를 반환하며, 발견되지 않으면 -1을 반환합니다.
var str = "Hello, World!";
var firstChar = str.charAt(0); // "H"
var lastChar = str.charAt(str.length - 1); // "!"

var substring1 = str.substring(0, 5); // "Hello"
var substring2 = str.substr(7, 5); // "World"
var indexOfComma = str.indexOf(","); // 5
var lastIndexOfSpace = str.lastIndexOf(" "); // 7
profile
HeeJune KIM
이전 포스트

JS챌린지 2일

다음 포스트

JS 챌린지 4일

0개의 댓글