JavaScript Summary

alert : 경고창을 띄우는 함수

-사용자가 확인을 누르기 전 까지 계속 떠있음. ex) 비밀번호가 틀렸습니다.. 등

const errorMsg = alert("비밀번호 오류");

 

consloe.log : 로그를 띄우는 함수

- const name = "홍길동"; console.log(name);

 

confirm : 사용자로부터 확인을 받는 함수

- const name = "홍길동"; console.log(name);

 

prompt : 사용자로부터 값을 입력받는 함수

- const number = prompt("번호를 입력하세요","010-");

-첫 번째 변수는 안내문구, 두번째 변수는 기본값 설정 

-취소 선택시 null값 반

 

변수 이름은 const , let 으로 선언한다.

let : 변할 수 있는  , let으로 선언한 후 let을 생략하고 다시 선언하면 수정 가능

const : 변하지 않는 값, 변경시 오류 발생

 

우선 const로 선언하고 변경하여야 하는 변수는 let으로 수정해주는 습관을 들이자.

 

백틱(`)

-파이썬의 fstring처럼 사용가능

alert(`안녕하세요, ${name}님. 환영합니다.`);

$(달러) 표시와 중괄호를 함께 사용

 

형 변환

String() : 문자형으로 변환

Number() : 숫자형으로 변환

Boolean() : 불린형으로 변환

 

함수

function showError(){

    alert("에러 발생");

}



showError();

 

매개변수가 있는 경우

function showError(name){

    alert(`${name}님, 에러 발생`);

}

showError("홍길동");

 

화살표 함수

function을 지우고, 매개변수 뒤에 ->(화살표) 표시

const add = function(n1,2){

return n1+n2}

//-----------

const add = (n1,n2) => {

return n1+n2}

 

 

객체

const superman = {

    name : 'clark',

    age : 30,

}



superman.haircolor = 'black';

superman['hobby']='football';

console.log(superman);

 

this

const user = {
	name: 'Mike',
    sayHello : function(){
    	console.log(`Hello, I'm${user.name}`);
        }
       }
user.sayHello(); // Hello, I'm Mike

//문제가 없어 보이지만 만약 Boy, Girl이란 객체에 user라는 함수를 대입하면 user가 가리키는 대상이 모호해짐

let boy = {
	name: 'Mike',
    }
let girl = {
	name: 'Jane',
    }
 sayHello : funciton(){
    	console.log(`Hello, I'm${this.name}`);
        }
       }
// 이렇게 this로 적어주면 호출하는 순간 가리키는 대상이 지정된다.
boy.sayHello()
gril.sayHello()

 

화살표 함수는 일반 함수와 달리 자신만의 this를 가지지 않는다.

화살표 함수 내부에서 this를 사용하면, 그 this는 외부에서 값을 가져온다.

 

 

배열

length : 배열의 길이 반환 함수

students = ['철수','영희','민수','준수']
const n = students.length

push() : 배열 끝에 추가

let days = ['월','화','수'];
days.push('목');
console.log(days) // ['월','화','수','목']

pop() : 배열 끝 요소 제거

let days = ['월,'화','수','목']
days.pop()
console.log(days) // ['월','화','수']

shift , unshift : 배열 앞에 제거, 추가 ( 여러 개 )

//추가
days.unshift('금','토','일');
console.log(days) // ['금','토','일','월','화','수']


//제거
days.shitft();
console.log(days);

 

반복문

let days = ['월','화','수']'

for(let day of dyas){
	console.log(day)
    }

- 자바 스크립트에서 반복문은 for of문을 사용하는 게 좋다.