본문 바로가기

내마음대로만들어보자/JS83

while문 반복문을 이용하여 원하는 횟수만큼 반복하여 실행할 수 있는 코드를 작성해보자. 1. while문 while문은 조건식을 만족할 때까지 중괄호 ({...}) 안에 있는 코드를 반복하여 실행한다. 코드 실행하면은 조건식을 검사하고 만족하면 중괄호 안에 있는 코드와 증감식을 실행하고 다시 조건식을 검사한다. * 기본형 var 변수 = 초기값; while (조건식){ 자바스크립트 코드; 증감식; } * 실습예제를 통해 "안녕하세요"를 1씩 증가하면서 10회 출력하도록 작성해보자. * 출력결과 안녕하세요1 안녕하세요2 안녕하세요3 안녕하세요4 안녕하세요5 안녕하세요6 안녕하세요7 안녕하세요8 안녕하세요9 안녕하세요10 ==== The End ==== * 다음은, 1부터 30까지의 숫자 중 2의 배수이면서 6의 배.. 2021. 8. 13.
리터럴 1. 리터럴 - 줄바꿈을 자유롭게 백틱( ` ) 을 이용하여 문자열을 + 기호없이 간단히 처리할 수 있다. 또한, 백틱( ` ) 안에서는 여러줄이ㅡ 줄바꿈도 자유롭게 사용 가능하다. const id = "myId" ; const url = `http://noahlog.tistory.com/login/${id}` ; const message = "줄바꿈을 하려면 \n 이 기호를 써야 했죠!" const message = ` 줄바꿈도 마음대로 사용이 가능합니다. ` 2. 객체 리터럴 - 딕셔너리를 짧게 [기존 방식] var name = "스파르타"; var job = "developer"; var user = { name: name, job: job } console.log(user); //{name: "스.. 2021. 8. 13.
비구조할당 - 딕셔너리에 값을 꺼내기! 딕셔너리에 있는 값을 꺼내 변수에 담을때, 할당 과정을 거치지 않으면서 딕셔너리의 값을 꺼내서 그대로 변수 사용이 가능하다. //객체 let blog = { owner : "noah", url : "noahlogs.tistory.com", getPost() { console.log("ES6 문법 정리"); } }; //기존 할당 방식 let owner = blog.owner let getPost = blog.getPost() //비구조 할당 방식 let { owner, getPost } = blog; //각각 blog 객체의 owner , getPost() 의 데이터가 할당 //blog의 키 값과 이름이 같아야 한다. //(예 - owner가 아니라 owner2를 넣어보면! 아무것도 안 들어온답니다.) .. 2021. 8. 13.
화살표함수(Arrow Function) 기존에 함수를 선언하기위해서 function 키워드를 사용했는데 이를 화살표 함수 문법으로 간단하게 선언이 가능하다. [기존 방식] let a = function() { console.log("function"); } a(); [최신 방식] let a = () => { console.log("arrow function"); } a();. 2021. 8. 13.

티스토리툴바