반응형 Language/HTML, JavaScript50 자바스크립트 값 JSON 형태로 만들기 및 파싱방법 정리 자바스크립트에서 JSON 형태로 값을 변환할 때에는 JSON.stringify(값) 을 해주면 변환이 되고 반대로 JSON에서 Javascript 형태로 파싱해서 읽을 때에는 JSON.parse(값) 을 해주면 된다 변환되는 형태는 위에 3줄이 자바스크립트에서 JSON으로 바뀐 것이고 그 다음 3줄은 JSON에서 자바스크립트로 바꾼것데 배열도 어떻게 넘겨주느냐에 따라 다르게 들어간다 2020. 6. 25. 자바스크립트 현재 년월일시분초 요일 가져오는 방법 자바스크립트에서 new Date를 사용해 현재 날짜 정보를 가져올 수 있는데 var date = new Date;는 현재 날짜 정보를 date 변수에 넣는 것이 되겠다 한번 넣어두면 날짜가 지난다고 date에 반영되지 않기 때문에 10시 1분에 date 객체를 생성하고 10시 10분에 date 객체의 분을 가져오면 10분이 아닌 1분이 나오게 된다 date를 찍어보면 전체 날짜정보가 나오며 년월일시분초 요일로 따로 잘라오고 싶으면 년 > date.getFullYear() 월 > (date.getMonth() + 1) 일 > date.getDate() 시 > date.getHours() 분 > date.getMinutes() 초 > date.getSeconds() 요일 > date.getDay() 이렇게 .. 2020. 6. 24. 자바스크립트 올림 내림 반올림 자리수 반올림 방법 소수를 무조건 올릴 때는 Math.ceil(값) 소수를 무조건 내릴 때는 Math.floor(값) 소수를 반올림 할 경우에는 Math.round(값) 소수를 특정 자리수 까지만 반올림 하려는 경우에는 값.toFixed(소수_자리수)를 사용해주면 된다 2020. 6. 24. 자바스크립트 style 추가 변경 삭제방법 자바스크립트를 이용해 검색 버튼의 width를 400px로 설정한 것이 너무 큰 관계로 검색 버튼을 눌렀을 경우 초기값으로 변경하려고 하는데 코드를 보면 search_btn을 onclick 했을 경우 style의 width를 변경하는 내용이다 style 추가 변경 삭제는 한 방법으로 할 수 있는데 document.getElementById("ID값").style = ""; 추가와 변경은 style = ""에 값을 넣어주면 되고 삭제는 style = ""를 해주면 style이 모두 지워지므로 삭제가 된다 위 코드를 실행한 결과 검색 버튼을 누르니 style이 삭제되어 width가 기존 사이즈로 변한 것이 보인다 예제 코드는 아래와 같다 2020. 6. 23. 자바스크립트 텍스트 값 가져오는 방법 검색 버튼을 누를 시 id가 tbox인 text의 값을 가져오는 코드인데 텍스트 박스의 값을 가져오기 위해서는 일단 text에 id를 정해줘야 하며 버튼을 눌렀을 시 document.getElementById(ID값); 으로 해당 ID의 정보를 가져올 수 있는데 이 내용을 var tb에 넣어둔 뒤 console.log(tb.value); 이런 식으로 텍스트 박스의 값을 가져올 수 있다 document.getElementById(ID값).value; 이렇게도 역시 가능한데 코드가 길고 보기 불편하기 때문에 변수 안에 넣어주고 변수.value 이런 식으로 사용하는 것이 좋다 2020. 6. 22. 자바스크립트 indexOf() 각종 사용방법 정리글 자바스크립트에서 indexOf는 값.indexOf(찾는_값, 시작_인덱스_위치[옵션]); 으로 이루어져 있는데 값이 있을 경우에는 위치한 곳의 인덱스를 없으면 -1을 반환하게 된다 이제 indexOf()의 각종 사용방법을 알아보자 먼저 단순히 문자열에서 특정 값을 찾을 경우에는 문자열.indexOf(찾는_값); 을 넣어주면 되고 뒤에서부터 찾을 경우에는 문자열.lastIndexOf(찾는_값); 이렇게 사용한다 indexOf는 자동으로 대소문자를 구별하는데 대소문자를 구별하지 않고 싶으면 문자열.toLowerCase() 혹은 문자열.toUpperCase() 이런 식으로 사용한다 배열에서 indexOf를 이용할 경우에는 특정 값이 위치한 배열의 인덱스를 찾아주는데 배열명.indexOf(찾는_값); 을 해주면.. 2020. 6. 22. 이전 1 ··· 3 4 5 6 7 8 9 다음 반응형
