220610) 자바스크립트(4)

학습한 내용

while문

• while문은 반복횟수를 알 수 없을 때
• for문은 조건보다 횟수가 정해져있을때 사용

while(true){
    if()
    break
}

while문 (1)

<script>
let i =0
while(confirm("계속 진행을 원하시면 확인을 누르세요")){
    alert(`${i}번째 반복문입니다.`)
    i = i + 1
}
</script>

while문 (2)

<script>
let i =0
const array = [1,2,3,4,5,6,7]
while(i < array.length){
    alert(`${i}번째 반복문입니다.`)
    console.log(array[i])
    i = i + 1
}
</script>

(3-1) while문

<script>
let i =0
while(true){
    alert(`${i}번째 반복문입니다.`)
    break  //반복을 멈춰준다
}
</script>

(3-2) for문을 쓰면

<script>
for(let j = 0 ; j < 10 ; j++){
    alert(`${j}번째 반복문`)
    break
}
</script>

(3-3) for문을 쓰면2
확인, 취소 바꾸려면 !tf를 쓰면된다

<script>
for(let j = 0 ; j < 10 ; j++){
    alert(`${j}번째 반복문`) 
    // continue 넣으면 컨펌창이 뜨지 않게된다
    const tf = confirm("계속하려면 취소")
    if(tf){
        break
    }
}
</script>

---

(4-1) 특수문자 정렬

출력해야 되는 결과 :
               `
*
**
.
.
.
*********
**********

(내가만든코드)

<script>
let result = "*"
for(let i = 0 ; i < 10 ; i++){
    console.log(result) 
    result = result + "*"
}
</script>

(4-2) 특수문자 정렬

<script>
let result = ""
for(let i = 1 ; i < 10 ; i++){
    for(let j = 0 ; j < i ; j++){
        result += "*"
    }
    result += "\n"
}
 console.log(result) 
</script>

함수

익명함수, 선언적 함수
프로시저 함수, 수학적 함수

함수의 형태 (익명함수)

const 함수명 = function(){
실행문
실행문
}
함수명()

매개변수가 있는 수학적 함수

함수의 형태
const 함수명 = function(name){
    let fullname=""
    fullname = name + "님 반값습니다."
}
console.log(함수명('홍길동'))

(1) 익명적함수 - 함수를 선언하고 호출
const f = function(){

(2) 선언적 함수
function f(){}

형태에 따른 함수

<script>
// (1) 프로시저 함수
const f = function(){  
     console.log("실행문1")
     console.log("실행문2")
     console.log("실행문3")
 }
 f()
//
// (2) 매개변수가 있는 수학적 함수
const fk = function(x){
    return x + 5
}
f()
console.log(fk(5))
</script>

비교

1-1 for문

<script>
for(i=0; 1<10; i++){
    i=i+1
}
console.log(i)
// 똑같은 코드를 여러번 써야함
</script>

1-2 프로시저함수

<script>
let limit = 10
const f = function(){
    let result = 0
    for(let j = 1 ; j < limit; j++){
    result = result + j
    }
   console.log(j)
}
limit =20
f()
limit =100
f()
// 마지막 두줄만 써서 호출
</script>

1-3 수학적함수

<script>
const fk = function(x){
   return x + 5
}
console.log(fk(5)) // fk()부분만 바꿔서 호출
</script>

---

학습한 내용 중 어려웠던 점 또는 해결못한 것들

result += "\n" 부분에 역슬래시를 안쓰니까 줄바꿈이 되지 않고 한줄로 출력됐다
함수 종류를 구분하기가 어려웠고
어디에 사용되는건지 잘 모르겠어서 복습하면서 개념 이해를 다시 했다.

---

학습 소감

여러가지 방법을 써서 함수를 적어봤다. 머릿속에 잘 안들어와서 주말동안 여러번 복습해야할거같다.