javascirpt 기초를 잡자

javascript에 대한 문법적 사항을 빠르게 정리하자!

 

■ console.log 

console.log(`javascript`); //log snippets
//웹에서는 alert를 쓴다.
//log : 디버깅 용도
//alert : 경고창

console.log(`4asdfasdfasdf`);

console.log(`호랑이`+100);//결과적으로 문자열이다. 문제가 발생할 수 있다.
console.log(`호랑이`,100);//사이에 스페이스바가 찍힌다.

console.log(1,`asdf`);//식별자 : 어떤 것이 먼저 실행되었는지 (실행순서 구분)
console.log(2,`qwer`);

console.log(`"히히",'헤헤'`); //걍 서로 교차해서 쓸 경우 가려 써라 근데 난 템플릿 문자열 쓸거임 BackTick ` `

` ` : backTick이라고 한다.

■ javascript의 Type

var a = 10; //타입 선언쓰. 자동 숫자 타입 변환된다.
//int b = 20; //처음 부터 int type이 없다.
//js는 변수선언이 총 3개이다
let b = 20;
const c = 30;   //이거 3개 말고는 볼 일이 없다.
//let을 값 변경 가능하다. 일반적으로 많이씀.. but const가 더많이써!
//const는 값을 넣고나면 변경이 불가이다.
a = 40;
b = 50;
//c = 60;//이거 안됨
console.log(a,b,c);

3가지 있다.

■ 중복 선언

var a = 10; //타입 선언쓰. 자동 숫자 타입 변환된다.
//int b = 20; //처음 부터 int type이 없다.
//js는 변수선언이 총 3개이다
let b = 20;
const c = 30;   //이거 3개 말고는 볼 일이 없다.
//let을 값 변경 가능하다. 일반적으로 많이씀.. but const가 더많이써!
//const는 값을 넣고나면 변경이 불가이다.
a = 40;
b = 50;
//c = 60;//이거 안됨
console.log(a,b,c);

web에선 가능쓰 콘솔 안댄다!

■ Typeof ?

console.log(typeof 10);         //number
console.log(typeof 'asedf');    //string
console.log(typeof true);       //boolean
let a ;
console.log(typeof a);          //undefined //해석을 몬하게따
let b = new Date();
console.log(b,typeof b);        //now Date / object //해석을 몬하게따
let c = []                      //배열 = object(class만들어버림)
console.log(c,typeof c)         //[] object
let d = {};
console.log(d,typeof d)         //{} object // {} : 이거는 !무조건! 객체
let apple = {
    a : 10,
    b : "야옹",  
    c : true,
    d : {                       //객체 안에 객체
        e : 20,
    },              
    f : function(){
        console.log(30);
        
    },                          //여기까지라도 마지막에 콤마를 넣는 습관을 들여라. 다음에 들어와도 편하다
};
console.log(apple.a,apple.b,apple.d.e,apple.f());

let func = function(a, b){
    return a+b;
}
console.log(func,typeof func)       //function
console.log(func,typeof func())     //number : return type으로 나온다.

■ 숫자를 문자로 문자를 숫자로

let a = 10;
console.log(a+10); //20
let b = String(a);
console.log(b+10);//문자열끼리 더해짐 1010

console.log(typeof b);
console.log(typeof Number(b));
console.log(typeof parseInt(b));
console.log(typeof parseFloat(b));

■ 날짜 표시

let n = new Date();
console.log(n.getFullYear(),n.getMonth()+1,n.getDate(),n.getDay(),n.getHours(),n.getMinutes(),n.getSeconds());
console.log(`${n.getFullYear()}년 ${n.getMonth()+1}월 ${n.getDate()}일 ${n.getDay()}요일 ${n.getHours()}시 ${n.getMinutes()}분 ${n.getSeconds()}초`);

참고로 월은 +1을해줘야 해당 month가 제대로 나온다.

■ 객체에서 값 꺼내기

let obj = {
    a : 10,
    b : `Stirng`,
    c : true,
};
console.log(obj.a,obj.b,obj.c);
console.log(obj['a'],obj['b'],obj['c']);    //배열처럼 json key까듯
//둘다 자주쓴다.
for (let item in obj){
    console.log(item);  //key가 나옴
    console.log(obj[item]); //값이 나옴
}

■ 배열 사용하기

let ar = [10, 'hihi', true,{}];//배열 객체(서로 다른 타입, 온갖 객체 다 가능)
for (let i = 0; i < ar.length; i++) {
    console.log(ar[i]);
}
for(let item in ar){
    console.log(item);          //index
    console.log(ar[item]);      //value
}
ar.forEach((k,v)=>{    //살찐 애로우
    console.log(k,v);
});

저렇게 배열에서 껍따구를 깐다.

■ ==과 ===

let a = 10 ;
let b = `20`;
console.log(a == b);    //false
b = `10`;
console.log(a == b);    //같냐고 물을때 ==이거 잘안쓴다.(내용물이 같냐고 물어봄) true
console.log(a === b);   //값과 타입이 같냐고 물어봄 false

■ 삼항연산자

let a=10, b =20 ;
let c = (a === b)? true:false;
console.log(c);                     //false

■ 문자열 뿌라쓰

let str = '';//문자열
str += '똨키';
console.log(str);
str+='   ';
str+='꼬부꼬북';
console.log(str);
str+='\n';
str+='어흥';
console.log(str);

■ console.log는 자동 enter해주지만 이건아냐

process.stdout.write("이건 printf");