ㅁ 1.String
1. 자바스크립트에서 "" 혹은 ''로 묶여 있는 리터럴드를 String객체로 취급한다.
•
자바스크립트의 내장 객체로 String객체의 기본적인 메소드가 있다
ㅁ 자바스크립트에서의 String객체기본적인 메소드 종류
1. 대문자/소문자로 변경해주는 메소드 (toUpperCase/toLowerCase)
<button onclikc="StringMethodTest();">실행확인</button>
<div id="area1" class="area></div>
<script>
function StringMethodTest(){
var str = 'Apple Iphone';
var area1 = document.getElementById('area1');
area1.innerHTML += 'toUpperCase : ' + str1.toUpperCase + '<br>';
area1.innerHTML += 'toLowerCase : ' + str1.toLowerCase + '<br>';
</script>
JavaScript
복사
2. 문자열의 길이를 리턴하는 메소드 (length)
<button onclick="StringMethodTest();">실행 확인</button>
<div id="area2" class="area"></div>
<script>
function StringMethodTest(){
var area2 = document.getElementById('area2');
var str1 = 'Apple Iphone';
area2.innerHTML += 'str1 의 length ' + str1.length + '<br>';
</script>
JavaScript
복사
3. 문자열에서 n번째 위치를 찾는 메소드
•
indexOf('문자')로 쓴다
<button onclick="StringMethodTest();">실행 확인</button>
<div id="area2" class="area"></div>
<script>
function StringMethodTest(){
var area2 = document.getElementById('area2');
var str1 = 'Apple Iphone';
area2.innerHTML += 'str1 의 p의 위치: ' + (str1.indexOf('p')) + '<br>';
area2.innerHTML += 'str1 의 뒤에서부터 p의 위치: ' + (str1.indexOf('p')) + '<br>';
</script>
JavaScript
복사
4. 문자열에서 n번째 인덱스에 해당하는 문자열을 리턴하는 메소드 (charAt[i])를 이용
<button onclick="StringMethodTest();">실행 확인</button>
<div id="area2" class="area"></div>
<script>
function StringMethodTest(){
var area2 = document.getElementById('area2');
var str1 = 'Apple Iphone';
for(var i = 0; i < str1.length; i++){
area2.innerHTML += i +'번째 인덱스열 ' + str1.charAt[i] + '<br>';
}
</script>
JavaScript
복사
5. 문자열의 일부만 리턴하는 메소드(substring( a, b))
<button onclick="StringMethodTest();">실행 확인</button>
<div id="area2" class="area"></div>
<script>
function StringMethodTest(){
var area2 = document.getElementById('area2');
var str1 = 'Apple Iphone';
area2.innerHTML += '문자열의일부만 리턴하는 메소드'
+ str1.substring(1,7) + '<br>';
</script>
JavaScript
복사
6. 문자열을 분리하여 배열로 리턴하는 메소드(split)
<button onclick="StringMethodTest();">실행 확인</button>
<div id="area2" class="area"></div>
<script>
var str2 = '사과, 바나나, 복숭아 , 키위, 참외';
var str3 = str2.split(',');
</script>
JavaScript
복사
2 .Math
<h3>Math</h3>
<button onclick="showMathMethod();">숫자 처리 메소드</button>
<div id="area2" class="area2"></div>
<script>
function showMathMethod(){
var area2 = document.getElementById('area2');
var num1 = -123;
area2.innerHTML += '절대값 : ' + Math.abs(num1) + '<br>';
area2.innerHTML += '임의의 난수 발생 : ' + Math.random() + '<br>';
area2.innerHTML += '반올림 : ' + Math.round(123.456 * 100) / 100 + '<br>';
area2.innerHTML += '내림 : ' + Math.floor(123.456 * 100) / 100 + '<br>';
area2.innerHTML += '올림 : ' + Math.ceil(123.456) + '<br>';
}
</script>
JavaScript
복사
3. 강제형변환
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>데이터 형변환</h1>
<h3>강제 형변환</h3>
<p>Number(),parseInt(),parseFloat() 함수를 이용하여 강제 형변환 할 수 있다 </p>
<button onclick="castingTest();">casting 테스트</button>
<div></div>
<script>
function castingTest(){
var num1 = 2;
var num2 = '3';
console.log(num1+num2);
console.log(num1 + Number(num2));
console.log(num1 + parseInt(num2));
console.log(num1 + parseFloat(num2));
}
</script>
</body>
</html>
JavaScript
복사
