[JavaScript] 기본 문법

#1 브라우저에 html p 태그와같이 출력하는 기능

document.write("브라우저 출력")

#2 브라우저에 개발자 모드(F12) 내에 콘솔로 출력하는 기능

console.log("콘솔창 출력")
console.log("확인")

#3 브라우저에 경고장을 출력하는 기능

alert("경고장 출력!");

#4 브라우저에 확인 창을 출력하는 기능

confirm("확인창 출력!")

#5 데이터타입

//데이터타입 number, string, boolean, undefined, null
var i1 = 10;   //정수
var i2 = 3.14; //실수
console.log(i1+i2);

var str1 = 'hi';
var str2 = "bye";
console.log(str1+str2);
console.log(str1,str2);

var bool1 = true;
var bool2 = false;
console.log(bool1,bool2);

var un;
console.log(un);
console.log(un + 20);

var tag = document.getElementById('good'); 
// 브라우저 상의 문서 객체 값을 얻어서 가져오는 함수 

//typeof - 데이터타입을 확인하는 명령
console.log(typeof i1);
console.log(typeof i2);
console.log(typeof str1);
console.log(typeof bool1);
console.log(typeof boo2);
console.log(typeof tag);

#6 연산자

var num1 = "10";
var num2 = 10;

console.log(num1==num2);  //true(값만을 비교하는 연산자)
console.log(num1!=num2);  //false
console.log(num1===num2); //false(데이터 타입까지 비교하는 연산자)
console.log(num1!==num2); //true(값과 데이터 값이 달라 true)

var a; //undefined
var b = null;

console.log(a, b, a == b); //true
console.log(a, b, a != b); //false
console.log(a, b, a ===b); //false
console.log(a, b, a !==b); //true

#7 배열

//배열의 선언.
var arr = [1,2,3];
console.log(arr);
var arr2 = ['park','kim','lee'];
console.log(arr2);

//자바스크립트에서는 배열의 데이터타입을 섞어서 사용할 수 있습니다.
var arr3 = [1, 2, 'kim']
console.log(arr3);

//배열의 선언.
var arr4 = new Array(); 
console.log(arr4);
var arr5 = new Array(1,2,3);
console.log(arr5);

//배열의 사용 
console.log(arr5[0] );
console.log(arr5[1] );
console.log(arr5[2] );

arr5[0] = 100;
arr5[1] = 200;
arr5[2] = 300;

console.log(arr5);

//배열에 관한 기능들 

var arr = new Array('a','b','c', 'd', 'e')
//length
console.log(arr.length)

//push - 마지막에 추가
arr.push(100);
console.log(arr);

//pop - 마지막에 요소 추가
arr.pop();
console.log(arr);

//unshift - 맨 앞 추가
arr.unshift(100);
console.log(arr);

//shift - 맨 앞 요소 제거
arr.shift();
console.log(arr);

//splice - 중간에 추가, 제거 
arr.splice(1,1);                    //splice(x,y)배열의 x번째 부터 y 개의 값을 지우는 기능
console.log(arr);  
arr.splice(1,2);
console.log(arr);
arr.splice(1,0,'park','kim','lee'); //1번째 인덱스에서 0개를 제거하고 제거된 위치에 추가할 수 있음 
console.log(arr);