객체란 무엇인가요
간단히 말하면 프로그래밍 언어의 객체는 현실의 사물을 단순화한 것입니다. 예를 들어 사람은 객체이지만 프로그래밍 언어로는 이러한 복잡한 객체를 완벽하게 설명하기가 어렵습니다. 따라서 우리는 단순화를 해야 합니다. 먼저 사람들을 속성과 행동의 조합으로 단순화한 다음 프로그램에 의미 있는 몇 가지 속성과 행동만 유지해야 합니다. 예를 들어, 특정 학교에 다니는 사람들의 키를 세는 프로그램을 만들면 이 프로그램에서 사람들의 행동을 생략하고 행동만 유지하며 키 속성만 유지할 수 있습니다. 이런 식으로 우리는 가장 간단한 객체를 얻습니다.
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 코드를 살펴보겠습니다. 아래 버튼을 클릭하면 각 변수의 값을 볼 수 있습니다.
코드 복사
코드는 다음과 같습니다. >
배열 객체 JavaScript 배열 만들기
JavaScript 배열 코드 예시
다음은 간단한 내용입니다. 배열의 JS 코드를 사용하면 뒤에 있는 버튼을 클릭하여 각 변수의 값을 관찰할 수 있습니다.