Tech/JavaScript

[js/자바스크립트] js 기초 1

닝닝깅 2022. 10. 5. 16:57

alert() 알려줌

prompt() 입력받음

confirm() 확인받음

 

형변환

String() = 문자형으로 변환

 

Number() = 숫자형으로 변환

Number(null) // 0

Number(undefined) // NaN

Number(0) // false

Number('0') // true

 

Boolean() = 불린형으로 변환

<false로 나타나는 것들>

- 숫자 0

- 빈 문자열 ""

- null

- undefined

- NaN

 

함수 선언문과 함수 표현식

// 함수 선언문
function sayHello(){
	console.log('Hello');
}

sayHello();

//함수 표현식
let sayHello = function(){
	console.log('Hello');
}

sayHello();

함수 선언문 - 어디서든 호출 가능

함수 표현식 - 코드에 도달하면 생성, 이후에만 호출 가능

 

화살표 함수

const sayHello = (name) => {
	//두줄 이상의 코드
};

 

객체

//객체
const superman = {
	name: 'clark',
    age: '33',
}

//객체 순회
for(let key in superman){
	console.log(key)
    console.log(superman[key])
}

 

method - 객체 프로퍼티로 할당된 함수

const superman = {
	name: "슈퍼맨",
	fly: function(){
    	console.log("날아갑니다");
    },
    flyfly(){
    	console.log("${this.name}이 날아갑니다");
    },  
}

 

배열

const days = ['mon', 'tue', 'wed']

//length : 배열의 길이
//push() : 배열 끝에 추가 
//pop() : 배열 끝 요소 삭제
//shift(), unshift() : 배열 앞에 제거, 추가

for(let day of days){
	console.log(day);
}

참고

https://www.youtube.com/watch?v=KF6t61yuPCY