const superman = {
name :'clark',
age: 30,
}
superman.hair 🌱대문자로 시작하는 객체(클래스)
대문자로 시작하는 객체는 주로 생성자 함수로 사용됩니다. 이런 객체는 주로 객체 지향 프로그래밍의 클래스를 흉내내는 데 사용됩니다.
대문자로 시작하는 객체는 new 키워드를 사용하여 인스턴스를 생성할 수 있습니다. 즉, 이런 객체는 생성자 함수로서의 역할을 수행합니다.
일반적으로 생성자 함수를 사용하여 객체의 속성과 메서드를 정의하고, 이를 기반으로 인스턴스를 생성합니다.
function Person(name) {
this.name = name;
}
Person.prototype.sayHello = function() {
console.log('Hello, ' + this.name);
};
const person1 = new Person('Alice');
person1.sayHello(); // 출력: Hello, Alice
🌱소문자로 시작하는 객체(인스턴스)
소문자로 시작하는 객체는 주로 생성자 함수로부터 생성된 인스턴스를 나타냅니다.
이러한 객체는 클래스(대문자로 시작하는 객체)의 인스턴스이며, 클래스에서 정의된 속성과 메서드를 상속합니다.
일반적으로 클래스의 인스턴스로서의 역할을 수행하며, 클래스의 행동을 수행하거나 클래스에서 정의된 속성을 저장합니다.
const person2 = new Person('Bob');
person2.sayHello(); // 출력: Hello, Bob따라서 대문자로 시작하는 객체는 주로 생성자 함수 또는 클래스로 사용되며, 소문자로 시작하는 객체는 이러한 생성자 함수나 클래스로부터 생성된 인스턴스를 나타냅니다. 이러한 관례는 코드를 읽고 이해하기 쉽게 만들어주며, 객체 지향 프로그래밍의 개념을 반영합니다.
자주 사용하는 메소드
Array 메서드:
forEach(): 배열의 각 요소에 대해 주어진 함수를 실행합니다.
map(): 배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과를 모아서 새로운 배열을 반환합니다.
filter(): 주어진 함수의 테스트를 통과하는 모든 요소를 포함하는 새로운 배열을 생성합니다.
reduce(): 배열의 각 요소에 대해 주어진 리듀서 함수를 실행하고, 단일 값으로 줄여서 반환합니다.
String 메서드:
charAt(): 문자열에서 지정된 인덱스에 있는 문자를 반환합니다.
substring(): 문자열의 일부분을 반환합니다.
split(): 문자열을 지정된 구분자를 기준으로 여러 개의 문자열로 분할하여 배열로 반환합니다.
indexOf(), lastIndexOf(): 문자열에서 특정 문자열의 인덱스를 찾습니다.
toLowerCase(), toUpperCase(): 문자열을 소문자나 대문자로 변환합니다.
Object 메서드:
keys(): 객체의 속성 이름들을 배열로 반환합니다.
values(): 객체의 속성 값들을 배열로 반환합니다.
hasOwnProperty(): 객체가 특정 속성을 가지고 있는지 여부를 확인합니다.
Math 메서드:
random(): 0과 1 사이의 난수를 반환합니다.
round(), ceil(), floor(): 숫자를 반올림, 올림, 내림합니다.
max(), min(): 주어진 숫자 중 최대값 또는 최소값을 반환합니다.
Promise 메서드:
then(): Promise가 성공하면 실행할 콜백을 등록합니다.
catch(): Promise가 실패할 때 실행할 콜백을 등록합니다.
DOM 메서드:
getElementById(): 지정된 ID를 가진 요소를 반환합니다.
querySelector(), querySelectorAll(): CSS 선택자를 사용하여 요소를 선택합니다.
addEventListener(): 이벤트를 요소에 바인딩합니다.
appendChild(), removeChild(): 요소를 추가하거나 제거합니다.
JSON.stringify()
이 함수는 JavaScript 객체를 JSON 형식의 문자열로 변환합니다.
const data = {
name: 'Alice',
age: 25,
city: 'Paris'
};
const jsonString = JSON.stringify(data);
console.log(jsonString); // 출력: {"name":"Alice","age":25,"city":"Paris"}대문자와 소문자 객체
자주사용하는 메서드
JSON 데이터 파싱시
