JS 챌린지 3일차 (TIL)

송채원·2025년 3월 15일
0

Part 4. 연산자와 함수

4-1 산술연산자

두 number 타입의 변수 혹은 숫자를 연산자를 통해 계산할 수 있음.
이항연산자
두개의 피연산자(A, B)를 가지는 연산자. A 연산자 B 의 꼴
+ : 더하기
- : 빼기
* : 곱하기
/ : 나누기
% : 나머지
단항연산자
하나의 피연산자(A)를 가지는 연산자. 연산자A의 꼴
- : 변수에 -1을 곱한 효과
증감연산자
변수의 값을 변화시키는 연산자. 연산자A or A연산자의 꼴
++ 변수의 값을 증가시키는 연산자
-- 변수의 값을 감소시키는 연산자

  • 연산자를 변수 앞에 사용한 경우: 변수의 값을 먼저 업데이트 하고 결과값 출력
    ++A => A=A+1 / --A => A=A-1
var a;

a = 1;
console.log(++a); // 출력: 2
console.log(a); // 출력: 2
  • 연산자를 변수 뒤에 사용한 경우: 변수의 값을 나중에 업데이트 하고 결과값 출력
    A++ => A=A+1 / A-- => A=A-1
var a;

a = 1;
console.log(a--); // 출력: 1
console.log(a); // 출력: 0

javacript의 Math 객체
여러 수학적상수 및 함수들이 Math 객체에 정의 되어 있음

  • pow(a,b)함수: a의 b승을 구해 줌
Math.pow(2,4); // 출력: 16
  • sqrt(a)함수: a의 제곱근을 구해 줌
Math.sqrt(4); // 출력: 2
  • random()함수: 0~1사이의 난수를 반환해줌; 가장 활용도가 높은 함수
    ** 난수란? 아무거나, 임의의 숫자
Math.random(); // 출력: 0~1사이의 난수

4-2 함수 사용하기

함수: 어떠한 입력을 받고 특정한 기능이나 계산을 수행한 후에 결과를 돌려주는 역할
ex) console.log("콘솔에 로그를 남기는 함수");

함수를 '호출'한다.** 즉, 호출에 의해 여러번 실행될 수 있는 코드 블럭을 의미한다.

함수의 정의

function 함수이름( 인자1, 인자2) { #인자: 함수 안의 코드에서 변수처럼 활용
  /*
  실행할 코드
  */
  return 결과값; #함수의 출력으로 내보낼 값

! return 구문을 실행할 코드보다 먼저 적으면 실행되지 않고 즉시 종료된다. !

함수의 호출

function.html파일을 로드->함수 이름(인자1,인자2...); 으로 호출함.
호출 구문 예시

return_test();
print("Hello Funtion");

4-3 관계연산자와 논리연산자

relational operator (관계연산자)
: 두 개의 피연산자(A,B)의 관계를 비교하는 연산을 수행함.
< > / <= >= :대소비교
== / !=: 두 변수가 같은지 확인하는 연산자; 결과값- True or False
Logical operator (논리연산자)
: 두 boolean 피연산자에 대해 연산하는 연산자.

  • && AND 연산자 : 두 피연산자가 모두 true인 경우에만 true를 나타냄
  • || OR 연산자 : 두 피연산자가 하나라도 true인 경우 true를 나타냄
  • ! NOT 연산자

4-4 연산자 우선순위

++, --
!
*, /, %
+, -
<, <=, >, >=
==, !=
&&
||

괄호 ()
우선순위를 명시함.

Part 5. String

5-1 String 이어 붙이기

방법 1. .concat함수 사용
방법 2. +(더하기) 연산자 사용
string 실습

var str="Hello";
var str2=" World";

str.concat(str2); #방법 1 
str + str2; #방법 2

+활용

str.concat(str2).concat("!");

결과
실습-> "Hello World"
활용-> "Hello World!"

5-2 String 다루기

문자열에서 특정 위치의 문자를 알아내기 위한 방법
1) .charAt 함수 사용하기

  • index 위치의 문자를 반환
  • index가 문자열 길이보다 크거나 음수이면 빈 문자열(" ")반환

2) 대괄호([]) 사용하기

  • str[index] 형태로 특정 위치의 문자 접근
  • index가 범위를 벗어나면 undefined 반환

문자열의 연속된 일부분을 구하는 함수
.substring

  • .substring(pos1, pos2): pos1 에서 pos2까지의 부분 문자열 반환
    *pos2 생략시 pos1에서부터 마지막 까지의 문자열 반환

.substr

  • .substr(pos, length) : pos에서 length길이 만큼의 부분 문자열 반환
    *length 생략시, pos에서 마지막까지의 문자열 반환
    pos 가 음수인 경우, str.length - pos 로 동작
    var str = "Hello!";
    var a = str.substring(2, 3);   // ll
    var b = str.substr(2, 3);      // llo!

0개의 댓글

관련 채용 정보