본문 바로가기

웹코딩 배우기/· JavaScript63

자바스크립트 - for of 반복 See the Pen for of by nilgi (@nilgi) on CodePen. • for (variable of iterable) 반복 가능한 요소 반복 - 문자 반복 const name = "Tistory"; let text = ""; for (const x of name) { text += x; } - 배열 반복 const name2 = ["T", "i", "s", "t", "o", "r", "y"]; let text2 = ""; for (const x2 of name2) { text2 += x2; } - new Set 반복 const name3 = new Set(["T", "i", "s", "t", "o", "r", "y"]); let text3 = ""; for (const x3 of n.. 2023. 1. 26.
자바스크립트 - break 반복중단, continue 건너뛰기 See the Pen break, continue by nilgi (@nilgi) on CodePen. • break : 반복문을 중단한다. for (let n = 0; n 2023. 1. 12.
while 반복 - 자바스크립트 See the Pen while by nilgi (@nilgi) on CodePen. • while : 값이 참일 때 조건을 반복 while (n < 8) { text += "지금 보이는 숫자는 " + n + "입니다. " n++; } • do while : 값이 참임을 확인전에 한 번 실행하여 조건이 맞으면 반복한다. 거짓이어도 최초 한 번은 실행 do { dw_text += "내가 좋아하는 숫자는 " + m + "입니다. "; m++; } while (m 2023. 1. 10.
자바스크립트 - for of See the Pen for of by nilgi (@nilgi) on CodePen. • for (variable of iterable) {} - for of는 반복 가능한 객체를 반복한다. - cosnt, let, var 사용 const bdas = ["rnfn", "tmsla", "qncj", "gosTjq"]; let bda_text = ""; for (let x of bdas) { bda_text += x + " "; } • 문자를 부여하여 한 글자식 표시할 수 있다. let w1 = "글자하나하나표시하기"; let wtext = ""; for (let n of w1) { wtext += n + " "; } 2023. 1. 5.
for in 반복 - 자바스크립트 See the Pen for in by nilgi (@nilgi) on CodePen. • for (key in object) { } // for in은 객체 속성 반복 for (let x in myname) { nametext += myname[x] + " "; } - for in이 myname를 반복적으로 불러와 n에 반환 • for (variable in array) {code} // for in은 array를 반복 for (let y in fias) { fiatext += fias[y] + " "; } - 배열의 순서가 중요할 때는 사용하지마. 순서가 중요할 때는 for 또는 Array.forEach() 사용 • Array.forEach()는 요소를 한 번씩 불러온다. afes.forEach(my.. 2022. 12. 22.
for 반복 - 자바스크립트 See the Pen 반복 by nilgi (@nilgi) on CodePen. • for 사용 X name1[0] + " " + name1[1] + " " + name1[2] + " " + name1[3] + " " + name1[4] + " "; • for 사용 let text = ""; for (let n = 0; n 2022. 12. 13.
switch() - 자바스크립트 See the Pen switch by nilgi (@nilgi) on CodePen. • switch : 조건(case)을 나열하고 맞는 값이 있으면 해당 내용을 표시 - case는 하나로 묶어 적용할 수 있다. 두가지 조건을 걸어 표시할 내용은 하나로 한다. - swith는 ===(값과 형식 모두 같음) 속성이다. • break : 조건에 맞으면 중단하고 값을 표시 • default : 조건에 맞는 값이 없을 때 표기할 기본 값 - default가 먼저 나오면 뒤에 조건을 적용하지 않으며 default가 가장 뒤에 나올 필요는 없다. 2022. 12. 8.
if, else, esle if - 자바스크립트 See the Pen if, else, else if by nilgi (@nilgi) on CodePen. • if - 값이 조건에 맞으면 다음 명령어 실행 • else - 값이 if를 통과하지 못하면 다음 명령어 실행 • else if - 값이 if를 통과하지 못하면 새로운 조건을 부여 2022. 12. 6.
자바스크립크 - 비교와 연산 See the Pen 비교와 연산 by nilgi (@nilgi) on CodePen. == : 값이 같은지 확인 // true, false === : 값과 유형이 모두 같은지 확인 != : 값이 다른지 확인 !== : 값과 유형이 모두 다른지 확인 >, =, 2022. 12. 1.
Boolean() 참, 거짓 See the Pen Boolean() by nilgi (@nilgi) on CodePen. • Boolean() 참(ture), 거짓(false)을 판단한다 document.getElementById("bl1").innerHTML = Boolean(1 < 2); document.getElementById("bl2").innerHTML = 1 < 2; • 다음의 경우 true "24는 " + Boolean(24) + " " + // true "-11는 " + Boolean(-11) + " " + // true "비어 있지 않는 모든 문자는 " + Boolean("티스토리") + " " + // true "'false'문자도 " + Boolean('false') + " " + // true "0을 제외한 .. 2022. 11. 29.
Math.random() - 자바스크립트 See the Pen Math.random() by nilgi (@nilgi) on CodePen. Math.random()은 0~1 사이 난수를 표시하는데 다른 명령어와 사용하여 랜덤한 정수를 표시할 수 있다. • Math.random() + Math.floor() document.getElementById("mrmf").innerHTML = Math.floor(Math.random() * 10); document.getElementById("mrmf1").innerHTML = Math.floor(Math.random() * 10) + 3; • Math.random() + min, max getRndInteger(0,24) function getRndInteger(min, max) { return Ma.. 2022. 11. 25.