강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

H Hun님의 프로필 이미지
H Hun

작성한 질문수

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

[06-03] 내장함수

Js 문자열 헷갈립니다ㅠ

해결된 질문

작성

·

49

0

image.png

js 공부중인데 여기서 aa 와 "aa"결과값이 다르게 나오는데 1.이유가 뭔가요? 2.둘 차이점이 뭔가요?

자세하게 부탁드립니다 ㅠㅠ

답변 1

0

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! HHun님!

 

문자열변수의 차이점에 대해서 이해가 필요해요!

  1. 문자열
    => 말 그대로, 우리가 보고 쓰는 텍스트를 문자열이라고 말하며, 따옴표(" ")로 감싸줍니다.


    ex) "안녕하세요", "바나나", "aa" 등

  2. 변수
    => 텍스트, 숫자 등의 값을 저장할 수 있는 상자예요! 이 상자에는 이름이 붙어있어요!(* 주의: 상자 이름에는 따옴표(" ")가 붙지 않아요 X )
    ex) 사과상자, 바나나상자, 과일바구니, aa 등


    => 이 상자(변수)는 아래와 같이 let 명령어로 만들어요.

     

    let 사과상자
    
    let 바나나상자
    
    let 과일바구니
    
    let aa
    image.png

     


    => 이 상자(변수)에는 아래와 같이 = 기호를 사용하여 값을 저장할 수 있어요(* 주의: 수학에서의 "같음" 을 의미하지 않음 X, 값을 넣으란 의미)

     

    image.png

     



    let 사과상자 = "사과"
    
    let 바나나상자 = 100
    
    let 과일바구니 = 200
    
    let aa = 10
    image.png

 

 

 

마지막으로, console.log 라는 명령어는 화면(console)에 기록(log) 해줘! 라는 뜻이에요!
=> 여기에는 문자열"안녕하세요", "바나나", "aa" 도 기록할 수 있고,
상자(변수)안에 들어있는 값사과상자, 바나나상자, 과일바구니, aa 도 기록할 수 있어요!

console.log("안녕하세요")
안녕하세요

console.log("바나나")
바나나

console.log("aa")         // 질문하신 내용
aa
console.log(사과상자)
"사과"

console.log(바나나상자)
100

console.log(과일바구니)
200

console.log(aa)           // 질문하신 내용
10

 

 

 

 

질문으로 돌아가면,

image.png

=> aa라는 상자에 10을 넣었지만, console.log 명령어로 aa 상자 안에 들어있는 값을 찍는게 아니라, "aa" 라는 문자열을 찍고 있었군요!
여기선 aa라는 상자를 굳이 만들 필요가 없을 것 같네요!^^

따라서, 아래와 같이 변경하는게 좋겠어요!

image.png


그리고, 다음을 볼까요?
aa라는 상자를 만들고, 그 안에 10을 넣고, 해당 상자에 무엇이 들어있는지 console.log 명령어로 찍었기 때문에, 여기선 aa라는 상자가 꼭 필요할 것 같아요!^^

image.png

 

H Hun님의 프로필 이미지
H Hun

작성한 질문수

질문하기