Object 내장객체
2021. 12. 1. 12:27ㆍStudy/JavaScript
내장객체
자바스크립트 내에 이미 만들어져 있는 객체
1. Number Object
*숫자일 때 사용할 수 있는 객체
숫자.toFixed(1); | 소수점 둘째 자리에서 반올림해서 소수 첫째 자리로 반환 |
var number = 273.5210332;
var output = '';
output += number.toFixed(1) + '\n'; // ★number에 값이 숫자이기 때문에 메소드 사용 가능
output += 10.244457.toFixed(4); // 그냥 숫자도 가능
console.log(output);
2. String Object
* 문자일 때 사용할 수 있는 객체
문자.length | 문자 열의 갯수를 숫자로 반환 |
문자.toUpperCase(); | 소문자를 대문자로 반환 |
var characters = prompt('사용할 비밀번호를 입력해주세요.', '6글자 이상');
if (characters.length < 6) {
alert('6글자 이상으로 입력하세요.');
} else {
alert('인증이 되었습니다');
}
var string = 'JavaScript';
var output = '';
output += 'big: ' + string.big() + '<br/>'; // 글자 크기를 키워줌
output += 'blink: ' + string.blink() + '<br/>'; // 익스 구버전만 지원 됨 (깜빡깜빡)
output += 'bold: ' + string.bold() + '<br/>'; // 굵게
output += 'string: ' + string.fontcolor('Red') + '<br/>'; // 컬러
output += 'fontsize: ' + string.fontsize(15) + '<br/>'; // 사이즈
output += 'italics: ' + string.italics() + '<br/>'; // 이탤릭체
output += 'link: ' + string.link('http://hanb.co.kr') + '<br/>'; // 링크걸기
output += 'small: ' + string.small() + '<br/>'; // 작게
output += 'strike: ' + string.strike() + '<br/>'; // 줄 (line-through)
output += 'sub: ' + string.sub() + '<br/>'; // 아래첨자
output += 'sup: ' + string.sup() + '<br/>'; // 위첨자
document.write(output);
3. Array Object
*배열일 때 사용할 수 있는 객체
배열.sort(); | 문자 오름차순(ㄱ~ㅎ), 숫자의 정렬 |
var array = ['홍길동', '김태희', '김복남', '임창정','티파니'];
array.sort();
console.log(array);
// 숫자일 경우 맨 앞숫자의 정렬만 따지기 때문에 method를 추가로 써줘야 한다.
var array = [52, 273, 103, 32,48,1];
array.sort(function (left, right) {
return left - right; // 오름차순
return right - left; // 내림차순
});
console.log(array);
4. Date Object
*배열 생성 후 사용해야 한다. var date = new Date();
date.getDate(); | 날짜를 숫자로 반환 |
date.getDay(); | 요일을 숫자로 반환 (1 ~ 6 : 월요일~토요일 / 0 : 일요일) |
var date = new Date();
console.log(date);
//*IE => UTC+0900시간으로 표시 그외 브라우저=>GMT+0900시간 (오차가 1초 미만)
//ex)
var date = new Date();
console.log('년:'+date.getFullYear());
console.log('월:'+(date.getMonth()+1)); // 0부터 시작하기 때문에 +1 해준다.
console.log('일:'+date.getDate());
console.log('요일:'+date.getDay()); // 1~6=>월요일~토요일 0=>일요일
console.log('시:'+date.getHours());
console.log('분:'+date.getMinutes());
console.log('초:'+date.getSeconds());
// 요일 반환
var a = '';
switch(date.getDay()){
case 0: a = '일'; break;
case 1: a = '월'; break;
case 2: a = '화'; break;
case 3: a = '수'; break;
case 4: a = '목'; break;
case 5: a = '금'; break;
case 6: a = '토'; break;
default: break;
}
console.log(a);
5. Math Object
*문법이 다른객체와 다르다
*수학과 관련된 계산을 해주는 객체
Math.abs(); | 절대값 반환 |
console.log(Math.abs(-800)); //절대값
console.log(Math.sqrt(100)); //제곱근
console.log(Math.floor(78.458)); //소수점이하 내림
console.log(Math.round(78.658)); //소수점이하 올림
console.log(Math.max(-800,400,30)); //최대값
console.log(Math.random()*10); //0~1사이의 난수
console.log(Math.cos(50)); //코사인
console.log(Math.pow(10,2)); // 10*10
console.log(Math.floor(Math.random()*10)); //0~10사이의 정수의 난수
*난수 : 무작위 수
console.log(Math.random()); // 난수 (무작위수)
console.log(Math.floor(Math.random()*10)); // 0~9 사이의 난수 (무작위수)
console.log(Math.floor(Math.random()*45)+1); // 1~10 사이의 난수 (무작위수)
로또 추첨번호
var lotto = new Array();
for(var i=0; i<6 ; i++){
lotto[i]=Math.floor(Math.random()*45)+1;
//lotto[i]=prompt('숫자','');
for(var j=0; j<i; j++){
if(lotto[i]==lotto[j]){
i--;
break;
}
}
}
lotto.sort(function (left, right) {
return left - right;
});
console.log(lotto);
'Study > JavaScript' 카테고리의 다른 글
JavaScript 문서 객체 조작 (0) | 2021.12.03 |
---|---|
BOM, DOM Object Model (0) | 2021.12.02 |
Object 사용자 정의 객체 (0) | 2021.12.01 |
변수의 유효범위 scope (0) | 2021.11.30 |
사용자 정의 함수 Function (0) | 2021.11.30 |