[2024-2 웹기초 스터디] 이민형 #3주차

 

 

 

 

 

 

 

 

 

 

 

 

변수 그리고 상수

let hi = "이민형";
console.log(hi);

 

 

 

상수

let hi = '이민형';

hi = '안녕하세요';



const hel10 = '안녕하세요!! ';
hello = 123123;|


console. log(hello);

 

변수의  규칙

• 변수나 상수 이름의 첫 번째 글자는 영어, $, _ 가능
• 소문자와 대문자 구별
• js 예약어는 사용 불가
• 이름에 공백X

---

원시 데이터 타입

객체가 아니면서 메서드도 가지지 않는 데이터

 

숫자

const number = 123;
console.log(typeof number);

const number = "이민형";
console.log(typeof name);

const isTrue = 10 < 20;
console.log(typeof isTrue);

...

 

 

 

 

---

참조 데이터

const arr = [1, 2, 31;
console. 1og(arr);

const obj = {
	name : '이민형'
	job: '개발자',
｝;
console. log (obj);

 

 

 

 

---

연산자

 

 

산술 

 

console.log(10 / 5);
console.log(10 % 5);​

 

 

증감 연산자

let number = 10;

number++;
console.log(number);

비교 연산자

const a = 10;
const a = 20;

console.log(a < b);

const a = 10;
const a = 20;

console.log(a === b);

 

논리 연산자

const a = 1 < 2;
const b = 1 > 2;

console.log(a && b)


const a = 1 < 2;
const b = 1 > 2;

console.log(a || b)


const a = 1 < 2;
const b = 1 > 2;

console.log(!a)

 

삼항 연산자

console.log(1 < 2 ? '참' : '거짓')

 

널리쉬 연산자

const a = underfined;
const b = null;
const c = '이민형'

console.log(a ?? b ?? c);

비트 연산자

& , |, ~, ^, <<, >>

 

---

조건문

 

if

const a = 10;
const b = 20;

if (a < b){
	console. 10g('a가 더 작아요 ! ');
    }

 

 

else 

const a = 10;
const b = 20;

if (a> b) {
console. 10g('a가 더 작아요! ');
} else {
console.log('거짓!');
}

 

 

else if 

const a = 10;
const b = 20;
const c = 20;

if (a> b) {
	console.log('a가 더 큽니다! ') ;
} else {
	console.log('여기는 언제 출력될까요? ') ;
    }

 

 

 

반복문....등

 

 

 

---

함수 ex)

function bok(main) {
console.log('${main} 볶음밥' ) ;
}
bok('새우');
bok('제육');

 

---

문자열 메소드 종류

• toUpperCase(), toLowerCase()
• trim(), trimStart(), trimEnd()
• repeat()
• padStart(), padEnd()
• indexOf()
• includes()
• startsWith(), endsWith()
• replace(), replaceAll()
• subString()
• split()
• slice()

---

배열 메소드 종류

• push()
• pop()
• unshift()
• shift()
• forEach()
• map()
• includes()
• find()
• findIndex()
• fill()
• silce()
• splice()
• join()
• concat()
• filter()
• reduce()

---