본문 바로가기

웹개발

JavaScript

변수

let a=10
let b=10
let c="hard"
let d="study"
let e=a+b;
let f=c+d;
let g=a+c;
let x=2>1;

let 명령어를 사용해서 변수를 선언할 수 있다.

변수의 type은 따로 지정해주지 않아도 된다.

e는 20이 되고 f는 "hardstudy"가 된다.

숫자와 문자를 더한 g는 "10hard"라는 문자열로 합쳐지게 된다.

x는 boolean변수로 2>1가 참이기 때문에 true값을 가지게 된다.

 

let 말고 var로도 변수를 선언할 수 있다.

var은 변수를 중복선언할 수 있지만 let은 재할당은 가능하지만 중복선언은 할 수 없다는 특징이 있다.

 

 

배열

let arr=[1,2,"hard",true]
arr.push(3)
arr.pop()

배열도 let을 이용해 선언할 수 있다.

push함수를 이용해 맨 끝에 값을 추가하고 pop을 이용해 맨 끝의 값을 제거할 수 있다.

 

 

객체

객체는 key와 value로 이루어진 쌍이다.

let dic={
    "key":"value"
    "key2":"value2"
}

let dic2=new Object();
dic2.key="value";
dic2.key2="value2";

객체는 직접 생성하거나 빈 오브젝트를 만든 뒤 요소를 추가하는 방식으로도 만들 수 있다.

객체의 값을 가져올 때는 .과 []를 사용할 수 있는데, .을 사용할 때는 key값이 문자열이면 안된다.

예를 들어, dic.key는 불러올 수 없지만 dic2.key는 불러올 수 있다.

[]를 사용하려면,

dic["key"]
dic2[key]

이런식으로 값을 불러올 수 있다.

 

 

반복문

arr=[1,2,3,4,5]
for(let i=0;i<arr.length;i++){
	console.log(arr[i])
}

반복문은 c의 반복문과 거의 똑같다.

i를 선언할 때 let으로 선언하는 것 말고는 차이점이 없다.

 

 

조건문

let a=2
if(a%2==0){
	console.log("even")
}
else{
    console.log("odd")
}

조건문도 c와 완전히 같다.

if()괄호 안에 조건을 작성하고 중괄호 안에 조건을 만족했을 때의 실행문을 작성한다.

 

 

함수

 

function sum(a,b){
	return a+b
}
let y = sum(1,2);

함수는 function 명령어를 통해 선언하고, 변수로 인자를 받을 수 있다.

return을 통해 반환값을 지정해줄 수 있다.

 

자바스크립트가 제공하는 기본적인 내장함수들에는 유용한 것이 많다.

let str = "a.b.c.d"
let str2 = str.split(".")
let str3 = str2.join("+")
let ind = str.indexOf("b")

간단한 예시들로 split, join, indexOf가 있다.

문자열에서 split 함수와 join함수는 문자열을 쪼개고 합치는 기능이 있다.

str2는 .을 기준으로 문자열을 쪼갰기 때문에 ["a", "b", "c", "d"]이 된다.

str3은 str2를 +로 합쳤기 때문에 "a+b+c+d"가 된다.

indexOf는 문자열 안에서 문자를 검색해 인덱스를 알려준다. b는 2번째 인덱스이기 때문에 ind는 2가 된다.

 

 

'웹개발' 카테고리의 다른 글

MySQL-Sequelize  (0) 2023.10.15
Node.js  (0) 2023.10.11
Css  (0) 2023.10.11
Html  (0) 2023.10.11
깃허브 기초 사용법  (0) 2023.10.11