20.08.13 Javascript 기초2 (function, length, else if, for) + 끝말잇기 만들기

deokyeong1020·2020년 8월 13일
0

오늘의 배운거 정리

함수
❗️❗️저번에 깜박했는데 연산자 중에 제곱연산자라고 **도 있다.❗️

3**2 // 9

기본적으로 학창시절 배운 함수는 f(x) = x + 2 처럼 변수 x에 임의의 수를 넣어 다양한 결과값을 얻는 것 이었다. 프로그래밍의 함수도 이와 다르지 않다. function 함수이름(입력값) { return 출력값 } 같은 형태로 반들 수 있다. 기본적으로 이러한 함수를 사용하는 이유는 반복을 최소화하기 위해서이다.

문자열 심화
순서와 length에 대하여...(디테일한 설명은 추후에.)

"함수야놀자"[2] // 야
"함수야놀자"[0] // 함

대부분의 컴퓨터 언어는 순서의 시작이 0이다.
함 수 야 놀 자
1 2 3 4 5 <--사람
0 1 2 3 4 <--컴퓨터

단, 길이를 세는 일은 사람과 똑같다. 한 글자에 1개이다. 여기서 중요한게 문자열만 사용가능하고,
빈칸도 문자열에 들어간다. 그런 의미에서 length는 문자열을 세는 것이라고 생각하면 될 것 것 같다.

var 단어="함수야놀자"
단어[2]//야
단어.length//5
단어="함수야 놀자"
단어.length//6

else if
조건문 if에 조건을 추가할 때 사용! 갈림길을 제공한다고 생각해주자..

이런 식으로 작성한다.

if (조건) {true일때 출력값}
else if (새로운 조건) {새로운 조건에 부합 할 때 출력값}
else {둘 다 아닐 때 출력값}

반복문 for
지금 while과 형태만 다른 for라는 반복문을 사용하였다.
그런데 작성법
for (초기조건; 조건; 끝) {
실행
}
While(조건) {
실행

}

지금 둘 다 같은 의미로 코딩했다고 생각했는데 왜 차이가 나는지 모르겠다.
while은 마지막에 7이 나왔는데 for는 undefined가 나와버렸다. 오징어다리를 바로 찍어보니 7인거보니까 의미는 들어맞은 것 같은데, 왜 다른 형태가 나왔는지 추후에 계속 공부해봐야겠다.

하이라이트.. 끝말잇기 만들기!

사실 뭔가 대단한걸 만든건 아니지만, 오늘 아침에는 만들 수 없었던걸 배워서 만들 수 있게 되었다는 점이 대단한게 아닐까하며 마지막 하이라이팅을 해보겠다.

-. 설계도 (순서도)

-. 코드 구현
❗️자꾸 에러떠서 봤더니 prompt[ ] 이렇게 되어있었다... ( )의 작은 차이가 오류를 불러오니 기본형태에 주의하고 또 주의하자.. 컴퓨터는 거짓말을 안 한다

var word = '초밥'
while (true) {
var newWord = prompt(word)
if (word[word.length-1] === newWord[0]) {
word = newWord }
else {alert('다시 입력하세요')}
}

-. 화면 구현

profile
일일 개발 기록 블로그

0개의 댓글