Daily coding
JavaScript : String 변수와 Number변수 본문
String 타입의 메소드들
indexOf : 특정 문자열이 처음 나오는 위치를 인덱스 값으로 출력
str = str.indexOf("dummy");
lastIndexOf : 특정 문자열이 마지막으로 나오는 위치를 인덱스 값으로 출력
str = str.lastIndexOf("dummy");
search() : 검색
str = str.search("dummy");
substring (처음인덱스, 마지막+1 인덱스) : 문자열을 자르기
str = str.substring(0,4);
split(특정문자) : 특정 문자를 기준으로 문자열을 잘라줌
str = str.split("-");
charAt(인덱스) : 문자열의 인덱스에 해당하는 문자 출력
str = str.charAt(0);
trim( ) : 문자열의 앞, 뒤 공백 제가
Number 타입의 메소드들
parseInt
- parseInt("10") : 문자 등을 정수로 변환
parseInt("23.4") : 소수 넣어도 에러는 없으나 숫자가 정수부만 짤려서 나옴
parseFloat
- parseFloat("23.4") : parseFloat = 실수형 (parseDouble아님) ----> 23.4
parseFloat("23 4") : . 을 안붙이면 뒤에 소수부가 잘림 -----> 23
Number
Number( true ) ---> true : 1, false : 0
Number( new Date( ) ) : 시스템 타임이 나옴 (시간과 다른개념)
Number( 123 ) : 일반적인 정수형이 출력
Number( 123.456 ) : 형변환 구분 필요 다 나옴 ----> 123.456
< String >
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- String, Number -->
<p id="demo">zz</p>
<p id="p1">Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, </p>
<script type="text/javascript">
var str = document.getElementById("p1").innerHTML;
// str = str.indexOf("dummy");
// str = str.lastIndexOf("dummy");
// str = str.search("dummy");
// str = str.substring(0,4);
// str = str.charAt(0);
//
str = "aa,bb,cc,dd";
var arr = str.split(",");
str = arr[1];
document.getElementById("demo").innerHTML = str;
</script>
</body>
</html>
< Number >
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML =
/*
// parseInt
parseInt("10") + "<br>" +
parseInt("23.4") + "<br>" + // 에러는 없고 숫자가 23까지 짤려서 나옴
parseFloat("23.4") + "<br>" + // parseFloat = 실수형
parseFloat("23 4") + "<br>"; // .을 안붙이면 뒤에 소수부가 잘림
*/
Number(true) + "<br>" + // = 1
Number(false) + "<br>"+ // = 0
Number(new Date()) + "<br>" + // 시스템 타임이 나옴
Number(123) +"<br>"+ // 수치 123이 나온다
Number(123.456) + "<br>"; // 형변환 구분필요 다 나옴
</script>
</body>
</html>'Front-end > Java Script' 카테고리의 다른 글
| JavaScript : 자바스크립트에서 페이지 이동 및 페이지 관련 메소드 (0) | 2020.01.08 |
|---|---|
| JavaScript : 자바스크립트 2진수, 8진수, 10진수, 16진수 표현 (0) | 2020.01.08 |
| JavaScript : setInterval() 이용하여 타이머 만들기 (0) | 2020.01.07 |
| Java Script : id / class / name - 아이디, 클래스, 네임으로 태그 데이터 받아오기 (0) | 2020.01.07 |
| JavaScript : checkBox 누르면 금액 추가되는 예제 (0) | 2020.01.06 |