자주 쓰이는 내장객체

chaelog·2023년 4월 1일
0

JS (seoul G)

목록 보기
12/21

12-1. String 객체
12-2. Math 객체
12-3. Date 객체
12-4. Array 객체

참고링크

https://www.w3schools.com/js/default.asp

String 객체

문자열을 관리해주는 객체

  1. var strEn = "abcdef";
  • 대입연산자로 문자열을 쭉 나열하면 string 객체가 메모리에 생성됨 (가장 흔한 방법, 좀 더 편하고 간편)
  1. var strKo = new String("가나다라마바사아"); //new 연산자와 생성자 함수를 이용해서 string 객체를 생성하는 방법

  2. String.prototype.temp = 123;

  • string은 객체이기 때문에 prototype 객체를 안고 있다, 그리고 그 안에 어떠한 속성(temp)을 만들어서 속성에 데이터를 마음껏 저장해서 사용할 수도 있다.
  • protoype : 내가 사용하는 string 객체(strEn, strKo)가 공통으로 사용하는 공간

string도 객체이기 때문에 객체가 갖는 여러가지 메소드, 속성들이 있다.

var strEn = "ABCDEFE"; //대입연산자로 문자열을 쭉 나열하면 string 객체가 메모리에 생성됨 (가장 흔한 방법,  좀 더 편하고 간편)
var strKo = new String("가나다라마바사아"); //new 연산자와 생성자 함수를 이용해서 string 객체를 생성하는 방법
String.prototype.temp = 1 + "g"; //string은 객체이기 때문에 prototype 객체를 안고 있다, 그리고 그 안에 어떠한 속성(temp)을 만들어서 속성에 데이터를 마음껏 저장해서 사용할 수도 있다.  / 내가 사용하는 string 객체(strEn, strKo)가 공통으로 사용하는 공간

console.log("strEn : " + strEn);    
console.log("strKo : " + strKo);

console.log("strEn.length : " + strEn.length); //lengh 뒤에 () 가 안붙으면 속성, () 가 붙으면 메소드(어떠한 기능)임
console.log("strKo.length : " + strKo.length);

console.log("strEn.constructor : " + strEn.constructor); //constructor : 생성자 (내가 지금 사용하는 객체의 생성자 함수를 보고 싶을 때 사용 / 거의 볼 일은 없음)
console.log("strKo.constructor : " + strKo.constructor);

console.log("strEn.temp : " + strEn.temp);
console.log("strKo.temp : " + strKo.temp);

console.log("charAt() : " + strEn.charAt(3));
console.log("indexOf() : " + strEn.indexOf("E"));
console.log("lastIndexOf() : " + strEn.lastIndexOf("E"));
console.log("concat() : " + strEn.concat("abcdef"));
console.log("replace() : " + strEn.replace("A", "a"));
console.log("split() : " + strEn.split("C"));
console.log("slice() : " + strEn.slice(2, 4));
console.log("substring() : " + strEn.substring(1, 4));

var lc = strEn.toLowerCase();
console.log("lc : " + lc);
var up = lc.toUpperCase();
console.log("up : " + up);

function objName() {
    this.pro = "property";
    this.met = function met() { };
}
objName.prototype.temp = 123;
console.log("obj.constructor : " + obj.constructor);
console.log("obj.temp : " + obj.temp);

Math 객체

var num1 = 123.456;
var num2 = -123.456;
var num3 = 3;

console.log("Math.PI", Math.PI);
console.log("Math.abs()", Math.abs(num2));
console.log("Math.max()", Math.max(num1, num2));
console.log("Math.min()", Math.min(num1, num2));
console.log("Math.pow()", Math.pow(num3, 3));
console.log("Math.random()", Math.random()); // 0~1 사이에 있는 수를 랜덤하게 출력
console.log("Math.ceil()", Math.ceil(num1));
console.log("Math.floor()", Math.floor(num1));
console.log("Math.round()", Math.round(num1));
console.log("Math.sqrt", Math.sqrt(3)); //제곱근

Date 객체

var objDate1 = new Date();
var objDate2 = new Date(2010, 10, 10);
var objDate3 = new Date(2020, 10, 10, 10, 10, 10, 100);

console.log(objDate1);
console.log(objDate2);
console.log(objDate3);

console.log("objDate1.getYear : " + objDate1.getYear());
console.log("objDate1.getYear : " + (objDate1.getYear() + 1900));

console.log("objDate1.getFullYear : " + objDate1.getFullYear());

// console.log("objDate1.getMonth : " + objDate1.getMonth());
console.log("objDate1.getMonth : " + (objDate1.getMonth() + 1));

console.log("objDate1.getDate : " + objDate1.getDate());

console.log("objDate1.getDay : " + objDate1.getDay());
// 0 : 일, 1 : 월, 2 : 화, 3 : 수, 4 : 목, 5 : 금, 6 : 토

console.log("objDate1.getHours : " + objDate1.getHours());

console.log("objDate1.getMinutes : " + objDate1.getMinutes());

console.log("objDate1.getSeconds : " + objDate1.getSeconds());

//getTime() / setTime()
//기준시(1970년 1월 1일 00:00:00) 을 기준으로 경과된 시간을 milisecond로 표시/설정
console.log("objDate1.getTime : " + objDate1.getTime());

//toString()
//날짜와 시간을 문자열로 변환
console.log("objDate1.toString : " + objDate1.toString());

//toLocaleString()
//날짜와 시간을 지역시간 문자열로 변환
console.log("objDate1.toLocaleString : " + objDate1.toLocaleString());

//toGMTString()
//날짜와 시간을 GMT 문자열로 변환
console.log("objDate1.toGMTString : " + objDate1.toGMTString());

//오늘의 날짜
function getNowDate() {
    var nowDate = new Date();
    var dayArr = new Array('일', '월', '화', '수', '목', '금', '토');
    var print = "";
    print += nowDate.getFullYear() + "년 ";
    print += (nowDate.getMonth() + 1) + "월 ";
    print += nowDate.getDate() + "일 ";
    print += dayArr[nowDate.getDay()] + "요일 ";
    print += nowDate.getHours() + "시 ";
    print += nowDate.getMinutes() + "분 ";
    print += nowDate.getSeconds() + "초 ";

    return print;
}

var nowIntervalId = setInterval(function () {
    console.log(getNowDate());
}, 1000);

var nowTimeout = setTimeout(function () {
    clearInterval(nowIntervalId);
    console.log("종료!");
}, 5000);

Array 객체

var varArr1 = new Array("a", "b", "c", "d", "e");
var varArr2 = new Array("f", "g", "h", "i", "j");

var varArr3 = new Array(1, 6, 3, 5, 4, 2);

console.log("varArr1.length", varArr1.length);
console.log("varArr1.join()", varArr1.join());
console.log("varArr1", varArr1);
console.log("varArr1.reverse()", varArr1.reverse());
console.log("varArr1.sort()", varArr1.sort());
console.log("varArr1.slice()", varArr1.slice(1, 3));
console.log("varArr1.concat()", varArr1.concat(varArr2));
console.log("varArr2.reverse()", varArr2.reverse());

console.log("varArr3.sort(a-b)", varArr3.sort(function (a, b) { return a - b }));
console.log("varArr3.sort(b-a)", varArr3.sort(function (a, b) { return b - a }));
profile
퍼블리셔의 코딩 로그

0개의 댓글