javascript object- Oriented_js 객체 지향 시작의 기본 사항에 대한 자세한 소개

객체란 무엇인가요

간단히 말하면 프로그래밍 언어의 객체는 현실의 사물을 단순화한 것입니다. 예를 들어 사람은 객체이지만 프로그래밍 언어로는 이러한 복잡한 객체를 완벽하게 설명하기가 어렵습니다. 따라서 우리는 단순화를 해야 합니다. 먼저 사람들을 속성과 행동의 조합으로 단순화한 다음 프로그램에 의미 있는 몇 가지 속성과 행동만 유지해야 합니다. 예를 들어, 특정 학교에 다니는 사람들의 키를 세는 프로그램을 만들면 이 프로그램에서 사람들의 행동을 생략하고 행동만 유지하며 키 속성만 유지할 수 있습니다. 이런 식으로 우리는 가장 간단한 객체를 얻습니다.

JavaScript 문자열 객체

객체 속성
사실 우리는 이미 HTML DOM에서 객체를 사용한 적이 있습니다. 예를 들어, DOM 노드에는 nodeName, nodeType 등과 같은 일부 정보가 있다는 것을 알고 있습니다. 실제로 이 정보는 노드 개체의 속성입니다. 객체의 속성을 살펴보기 위해 문자열을 예로 들어보겠습니다.

문자열 속성
var s = "7개의 문자가 있습니다."; 문자열 s를 정의한 후에는 문자열 객체가 있고 해당 길이 속성(length)에 액세스할 수 있습니다. 우리가 정의하는 것은 내장된 속성입니다. 접근 방법은 다음과 같습니다.

s.length 아래 버튼을 클릭하시면 문자열의 길이를 보실 수 있습니다.

alert(s.length)
문자열 개체의 메서드(동작)
마찬가지로 개체에도 동작이 있을 수 있습니다. 문자열 개체를 예로 들면 문자열이 특정 항목으로 반환되도록 할 수 있습니다. 문자나 단어를 배치하는 것은 동작입니다. 뒷면의 버튼을 이용하면 문자열의 다양한 속성과 방식을 간단하게 경험할 수 있으며, 각 방식의 사용법은 이 글의 마지막 부분에서 자세히 설명하겠습니다.

코드 복사 코드는 다음과 같습니다.

> ;

문자열의 length 속성을 사용하여 문자열의 길이를 지정합니다.

alert(str.length)
charAt 메소드를 사용하여 지정된 위치의 문자를 반환합니다.

alert(str.charAt(0))
alert(str.charAt(1))

substring 메소드는 문자열에서 하위 문자열을 가로챕니다.

alert(str.substring(0,2))
indexOf는 문자열에서 지정된 문자 또는 문자열의 위치를 ​​반환하거나 해당 문자가 존재하지 않는 경우 -1을 반환합니다.

alert(str.indexOf('symbol')
lastIndexOf 메소드는 문자열에서 문자가 마지막으로 나타나는 위치를 반환합니다.

날짜 객체

JavaScript 날짜 코드 예시
먼저 날짜 개체를 사용하는 JS 코드를 살펴보겠습니다. 아래 버튼을 클릭하면 각 변수의 값을 볼 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var todayStr = today.toString();//날짜를 문자열로 변환

var todayLocal = today.toLocaleString();//Convert 로컬 문자열로
var date = today.getDate();//당월 날짜 쿼리
var day = today.getDay();//현재 요일 쿼리
var Month = today.getMonth();//월 쿼리
var year = today.getFullYear();//연도 쿼리
alert(todayStr)
alert(todayLocal); 날짜);
경고(월);
경보(연도)


새로 만들기 Date 객체

다음 문을 사용하여 Date 객체를 생성합니다.

var today = new Date(); 실행 후 생성된 Date 객체가 today 변수에 저장됩니다. )의 문자열 객체
JavaScript 날짜 객체 질의(get) 방식

JavaScript 날짜 객체 설정(set) 방식
JavaScript 날짜 객체 변환(to) 방식 JavaScript Date 객체 적용 예 - 시계 코드 이 코드는 w3schools.com에서 옮겨왔습니다.




코드 복사


코드는 다음과 같습니다.

🎜> >

배열 객체

JavaScript 배열 만들기

코드 복사 코드는 다음과 같습니다.

JavaScript 배열 코드 예시

다음은 간단한 내용입니다. 배열의 JS 코드를 사용하면 뒤에 있는 버튼을 클릭하여 각 변수의 값을 관찰할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

arr[n]은 배열의 지정된 위치에 있는 요소를 반환합니다. n은 0부터 시작하는 첨자라고 합니다. 아래 버튼을 클릭하면 arr의 각 위치에 있는 요소를 볼 수 있습니다.

코드 복사 코드는 다음과 같습니다.

alert(arr[0]) // 위치 0, 즉 첫 번째 요소
alert(arr[1])
alert(arr[2])
alert(arr[3])

에서 위의 코드에서 볼 수 있듯이 배열의 여러 메소드를 호출한 후 JoinArr, bigArr 및 sortArr 변수를 얻었습니다. 이러한 메소드는 나중에 자세히 소개됩니다. 먼저 변수의 값을 관찰하여 이러한 메소드가 수행하는 작업을 추측할 수 있습니다.

Math 객체
JavaScript Math 코드 예시

코드 복사 코드는 다음과 같습니다.

먼저 JS 내장 상수인 Math.PI의 값을 저장해 보겠습니다. 아래 버튼을 클릭하면 해당 값을 볼 수 있습니다.
alert(num)
rNum은 num의 반올림된 값입니다.

alert(rNum)
random 메소드는 0~1 사이의 임의의 값을 생성합니다. 아래 버튼을 몇 번 더 클릭하면 표시되는 숫자가 계속 변경되는 것을 확인할 수 있습니다.

alert(Math.random())

함수 객체

JavaScript에서 함수는 함수를 정의하기 위해 다음 문을 사용하는 경우에도 객체입니다. 정의 Function 유형의 객체입니다.

코드 복사 코드는 다음과 같습니다.

function add(a,b){
return a b;
}

이 문제를 설명하기 위해 Function의 생성자를 사용하여 추가 함수를 정의할 수 있습니다.

코드 복사 코드는 다음과 같습니다.