채널톡 아이콘

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

innocent님의 프로필 이미지

작성한 질문수 3

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

실습: 설문조사 만들기 (3-12)

처음 질문과 옵션 관련 질문입니다.

작성

·

26

0

<script>
    var list =[
        {
            question : "이 중에서 제일 좋아하는 과일을 선택해주세요."
            options : ["사과", "바나나", "포도", "복숭아", "딸기"]
        },
        {
            question : "이 중에서 제일 좋아하는 음식식을 선택해주세요."
            options : ["떡볶이", "짜장면", "파스타", "찌개", "치킨"]
        },
        {
            question : "이 중에서 제일 좋아하는 반려동물을 선택해주세요." 
            options : ["강아지","고양이","새","토끼","여우"]
        }

    ];
    console.log(list);
</script>

작성한 코드에 options에 오류가 나서 코드가 작동이 안되는데 어떤 오류인지 모르겠습니다.

답변 1

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다.
innocent님의 질문에 답변 드리겠습니다.

제공해주신 코드에 있는 문제는 JavaScript에서 객체를 작성할 때, 각 프로퍼티 간에는 쉼표(,)로 구분해야 한다는 점입니다. 그래서 questionoptions 사이에 쉼표가 없어서 에러가 발생하는 것입니다. 오류를 수정한 코드는 아래처럼 작성될 수 있습니다:

<script>
    var list =[
        {
            question : "이 중에서 제일 좋아하는 과일을 선택해주세요.",
            options : ["사과", "바나나", "포도", "복숭아", "딸기"]
        },
        {
            question : "이 중에서 제일 좋아하는 음식을 선택해주세요.",
            options : ["떡볶이", "짜장면", "파스타", "찌개", "치킨"]
        },
        {
            question : "이 중에서 제일 좋아하는 반려동물을 선택해주세요.",
            options : ["강아지","고양이","새","토끼","여우"]
        }
    ];
    console.log(list);
</script>

위의 코드에서는 각 키-값 쌍 사이에 쉼표가 정확히 들어가도록 수정되었습니다.

관련해서 기존에 유사한 질문과 답변이 있었던 사례로, 다음 URL을 참고하실 수 있습니다:
- 질문 JSON 객체 오류 문의

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.