TIL 0422 input, if문, 비교연산자, 논리연산자

Yunji·2020년 4월 23일
0

TIL

목록 보기
29/54

input에 대해

input은 type으로 속성을 정한다
type 은 text, password, number 등이 있고 placeholder로 input 안에 문자를 입력할 수 있다(실제 값이 아니라 예시 느낌) 실제로 값을 넣어 놓을 수도 있는데 value로 넣으면 된다.

Javascript

let 변수이름 = 값; //값 변경 가능
const 변수이름 = 값; //값 변경 불가능

camelCase 방식 ex) userName
변수 이름을 지을때는 의미를 추측 가능하게 지어야 한다

function 함수이름() {
	실행할 코드;
    return 리턴값;  <-- 값을 리턴해주지 않으면 함수를 호출했을 때 undefined 가 뜬다
}
함수이름();   <-- 함수 호출

함수에 특정 값을 받아 호출 할 수 있는데 이때 받는 값을 매개변수 parameter 라고 한다

function sayHi(name) {
	return "Hi" + name;
}
sayHi("Jake");
// "Hi Jake" 출력
// function sayHi() 괄호 안에 들어가는게 매개변수이고
// 함수를 호출 할 때 sayHi(); 괄호 안에 들어가는게 인자 argument 이다

+, -, *, /, % 등 수학계산 가능
++ = +1
-- = -1

let a = 3;
let b = a++;
// a = 3, b = 3  // 왼쪽부터 계산하기 때문에 a + 1 이 되기 전에 b에 담김
// b 가 4가 되려면
b = ++a;

계산 할 때 먼저 해야할 부분이 있으면 ()로 묶어주면 된다

console.log((2 + 4) * 10);
// 2+4 가 먼저 계산된다
  • 로 텍스트를 연결할 수 있다
    string 과 Number을 더하면 string으로 변경된다
console.log("age: " + 20 + 2);
// "age: 202" 출력

if문

if 는 특정 조건이 맞으면(true) 코드를 실행하는 조건문이다
else 는 if의 조건에 맞지 않으면(false) 실행된다
else if 로 다른 조건을 설정할 수 있다

if (age > 20) {
	alert("Welcome!");
} else if (age > 30) {
	alert("Sorry");
} else {
	alert("No");
}

비교연산자

비교연산자는 비교연산자를 기준으로 왼쪽 오른쪽으로 나눠서 두 값을 비교한다
=== 는 두 값이 같은지 비교합니다
== 도 두 값이 같은지 비교하는데 === 보다는 느슨하다
=== 는 두 값의 type 이 다르면 false 가 나오는데
== 는 type이 달라도 true 가 나온다

22 === "22"   false
22 == "22"   true

!== 는 반대로 값이 같지 않다를 확인한다
<, >, <=, >= 는 크다, 작다, 같거나작다, 같거나크다를 비교한다

논리연산자

and 와 or 을 사용해 여러가지 조건을 같이 쓸 수 있다
or 는 || 로 표현하고 and 는 && 로 표현한다
|| 는 조건 중 하나만 맞아도 true 지만 && 는 조건이 다 맞아야 true 이다

0개의 댓글