JS 챌린지 3일차 TIL

임규성·2023년 3월 8일
1

JS 챌린지!!

목록 보기
3/5
post-custom-banner

파트 4-1 산술 연산자


산술연산자에는 피연산자가 두개인 이항연산자와 피연산자가 한개인 단항연산자가 있다!!

1. 이항연산자!!

'+' -> 더하기 연산자
'-' -> 빼기 연산자
'*' -> 곱하기 연산자
'/' -> 몫을 구하는 연산자
'%' -> 나머지를 구하는 연산자

2. 단항연산자!!

'++' or '--' -> 증감 or 감소 연산자
'-' -> -1을 곱해주는 연산자
코드 예시

var a=1;
console.log(a); //1출력!!!
console.log(++a);//1출력!!
console.log(a++);//3출력!!
console.log(a); // 3출력!!

3. math객체!!

power함수 : 제곱을 구할 수 있는 함수이다

console.log(math.power(2,3)) // 8출력!!!

sqrt함수

console.log(math.sqrt(16)) // 4출력!!!

random함수 : 0에서 1사이의 난수를 출력

console.log(math.random()) // 0에서 1사이의 난수 출력!!!

파트 4-1 산술 연산자-실습


문제

산술 연산자를 이용해서 변수 a, b의 합, 차, 곱을 c, d, e 변수에 각각 저장해라!!!

해결방법

강의에서 배운 산술 연산자를 이용해서 해당하는 값들을 변수에 저장한다!!!

해답 코드

var a = 10;
var b = 7;
//c는 a와 b의 합
var c = a+b;
//d는 a와 b의 차
var d = a-b;
//e는 a와 b의 곱
var e = a*b;
console.log("a와 b의 합 :", c);
console.log("a와 b의 차 :", d);
console.log("a와 b의 곱 :", e);

파트 4-2 함수 사용하기


javaScript에서의 함수의 선언 format!!!

function 함수이름(인자1, 인자2){
	/*
    실행할 코드
    */
    return 결괏값;
}

예시 함수들!!!

  1. 리턴 결괏값이 따로 없어 undefined가 리턴됨!!!
function return_test(){
    return;
  	console.log("실행되지 않을 코드");
}
  1. 인자로 받은 문자열과 함수안에있는 문자열들이 출력되고 따로 리턴값이 없음!!!
function print(message){// 인수로 받
  console.log("print function in");
  console.log(message);
  console.log("print function out");
  1. 인자로 받은 두개의 변수를 더해주는 함수!!
function sum(arg1, arg2){
	var result = arg1 + arg2;
    return result;

파트 4-2 함수 사용하기-실습


문제

함수 solution은 인자 a와 b를 입력받습니다. 2번째 줄을 수정해서 solution이 a와 b의 합을 return하도록 만들어 봐라!!!

해결방법

강의에서 배운 함수 선언 방식을 활용해서 조건에 맞는 함수를 구현한다!!!

해답코드

function solution(a,b){
    return  a+b;
}

파트 4-3 관계연산자


1. 관계연산자들!!!

a < b => 두변수의 크기에따라 'true' or 'flase'값이 출력됨!!
a <= b => 등호를 포함에 줄 수 있다!!
a == b => 두변수가 같은지 확인할 수 있다!!!
a != b => 두변수가 같지 않은지도 확인 할 수 있다!!!

2. num자료형이아닌 String에서도 가능!!

var e= "a", f="b", g="c", h="d";
e == e // true!!
e != e // false!!

e < f // true String의 대소연산은 사전순으로 연산한다!!

3. 논리 연산자들

&& -> 두 피연산자가 True일때 True를 반환!!!
|| -> 두 피연산자중 하나라도 True라면 True를 반환!!
! -> 피연산자가 True이면 False, False이면 True를 반환!!!

파트 4-3 관계연산자-실습(1)


문제

함수 solution의 내용을 수정해서 a가 b보다 크면 true를 그렇지 않으면 false를 return하도록 만들어 봐라!!!

해결방법

강의에서 배운 관계연산자를 활용해서 조건에 맞는 식을 구현한다!!!

해답코드

function solution(a, b){
    //이 아래줄을 수정해서 a가 b보다 큰지를 return하도록 만들어 보세요.
    return a > b 
}

파트 4-3 관계연산자-실습(2)


문제

함수 solution의 내용을 수정해서 a와 b가 모두 True라면 True를, 그렇지 않으면 False를 return하도록 만들어 봐라!!

해결방법

강의에서 배운 관계연산자를 활용해서 조건에 맞는 식을 구현한다!!!

해답코드

function solution(a,b){
    //이 아래줄을 수정해서 a와 b가 모두 True인지를 return하도록 만들어 보세요.
    return a && b
}

파트 4-4 연산자 우선순위


1. '*' '/' '%'가 먼저연산 '+', '-'가 나중에 연산

코드로 보자면!!

var a= 7*3+2;
//이때 우선순위에 의해 a는 13이된다!!

2. 연산자들의 우선순위

우선순위1 : Logical Operator: NOT(!)
우선순위2 : Arithmetic Operator: *, / , %, +, -
우선순위3 : Relational Operator: >, <, <=, >=, ==, !=
우선순위4 : Logical Operator: AND(&&)
우선순위5 : Logical Operator: Or(||)

파트 5-1 String 이어 붙이기


1.concat명령어를 사용한 이어 붙이기

var str="Hello";
var str2=" World";
var str3 = str.concat(str2)
console.log(str3); // Hello World
str.concat(str2).concat("!"); // Hello World!
// 여러개의 문저열을 붙이고 싶다면 concat을 이어 붙이면 된다!!

2. 더하기 연산자로도 가능!!!

str1 + str2; // Hello World
"pi is " +3.14;// 문자열과 숫자를 더해주는 것도 가능!!!

파트 5-1 String 이어 붙이기 실습


문제

변수 prefix에 저장된 문자열에 변수 suffix에 저장된 문자열을 붙여서 word에 저장하세요. 그리고 그 길이를 변수 word_length에 저장해라!!!

해결방법

강의에서 배운 String 이어 붙이기 명령어를 활용해서 조건에 맞는 결괏값을 구현한다!!!

해답코드

var prefix = "program";
var suffix = "mer";
var word = prefix + suffix;
var word_length = word.length;

파트 5-2 String 다루기


1. charAt() 명령어와 'str[index]'!!!

//문자열에 해당위치를 반환해주는 명령어들!!!
var str="abcdeabcde";
str.charAt(0); // a반환!!!
str.charAt(10); // ""(빈문자열) 반환!!
str.charAt(-1); // ""(빈문자열) 반환!!

str[1]; // b를 반환!!!
str[10];//undefined반환!!!
srt[-1];//undefined반환!!!

2. substring()와 substr() 명령어!!!

// 부분문자열을 구하는 명령어들!!!
str.substring(2,4);//index 2부터 4전까지 'cd'반환!!
str.substr(2,4);//index 2부터 4개 문자열 'cdea'반환!!
str.substring(2);//index 2번째 부터 마지막까지반환!!
str.substr(2);//index 2번째 부터 마지막까지반환!!
str.substr(-7);//뒤에서 7번째 index부터 처음까지 반환!!!

3. indexOf() 명령어!!!

str.indexOf("bc"); // bc가 처음 시작하는 위치 반환!!
str.lastIndexOf("bc"); //bc가 가장마지막에 등장하는 시작위치 반환
str.lastIndexOf("f");//존재하지 않은 문자라면 -1반환!!!

파트 5-2 String 다루기 실습(1)


문제

함수 solution을 수정해서 인자 str의 첫번째 글자를 return하는 함수를 만들어 보세요.

해결방법

강의에서 배운 String명령어를 활용해서 조건에 맞는 결괏값을 구현한다!!!

해답코드

function solution(str){
    return str[0]
}

파트 5-2 String 다루기 실습(2)


문제

함수 solution을 수정해서 인자 str의 첫2글자를 문자열로 return하는 함수를 만들어 보세요.

해결방법

강의에서 배운 String명령어를 활용해서 조건에 맞는 결괏값을 구현한다!!!

해답코드

function solution(str){
    return str.substr(0,2)
}
profile
삶의 질을 높여주는 개발자
post-custom-banner

0개의 댓글