select에 option 추가할때 왜 이렇게 나오나요?

서잰션

2020-03-12 (목) 11:33:16 1,722

var select = document.getElementById('input-select');
// 셀렉트 추가
for (var i = -15; i <= 15; i+=0.01) {
var option = document.createElement("option");
option.text = i;
option.value = i;
select.appendChild(option);
}

2009340085_1583980294.1619.png

자바스크립트 for 문으로 0.01단위로 증가해서 옵션 넣을려고하는데 -14.96이후에 자리수가 망가져서 나오고있습니다..

무엇이 문제가 있는지 알려주시면 감사하겠습니다

자바스크립트

답변 1개 / 댓글 3개

채택된 답변

+20 포인트

탈퇴회원

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2020-03-12 (목) 12:23:51

자리수 문제는 컴퓨터의 고질적인 문제죠 ^^

그냥 아래처럼 처리하면 됩니다

Copy

var select = document.getElementById('input-select');
// 셀렉트 추가
for (var i = -15; i <= 15; i+=0.01) {
    var option = document.createElement("option");

    var num = i.toFixed(2); // 소수점 두자리 까지 고정
    option.text = num;
    option.value = num;
    select.appendChild(option);
}