[타입스크립트(Typescript)] 내장함수, 메서드, 접근제한자 예시 총정리!

 

 

 

➜ Basic Types 기본타입 문법

➜ function 함수 문법

➜ Array&Tuple 배열과 튜플

➜ 클래스(Class) (⚠내마음대로 정리했음주의⚠)

➜ 인터페이스(interface)

➜ 인덱스 시그니처(Index Signature), Keyof Assertion

➜ 내장함수, 메서드, 접근제한자 총정리

 

 

 

 

Array

   - `map`: 배열 요소를 변환하여 새로운 배열을 생성합니다.

const numbers = [1, 2, 3];
const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // [2, 4, 6]

 

   - `filter`: 주어진 조건에 맞는 요소들로만 이루어진 새로운 배열을 생성합니다.

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // [2, 4]

 

  - `find`: 주어진 조건에 맞는 첫 번째 요소를 반환합니다.

const numbers = [1, 2, 3, 4, 5];
const firstEvenNumber = numbers.find(num => num % 2 === 0);
console.log(firstEvenNumber); // 2

   

 - `forEach`: 배열의 각 요소에 대해 지정된 함수를 실행합니다.

const numbers = [1, 2, 3];
numbers.forEach(num => console.log(num));
// 1
// 2
// 3

 

   - `reduce`: 배열 요소들을 이용하여 단일 값으로 축소합니다.

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 15

 

 

---

 

String

   - `split`: 문자열을 지정된 구분자를 기준으로 나누어 배열로 반환합니다.

const sentence = "Hello, World!";
const words = sentence.split(", ");
console.log(words); // ["Hello", "World!"]

 

   - `trim`: 문자열의 앞뒤 공백을 제거합니다.

const text = "    Hello, World!    ";
const trimmedText = text.trim();
console.log(trimmedText); // "Hello, World!"

 

   - `toUpperCase`, `toLowerCase`: 문자열을 대문자 또는 소문자로 변환합니다.

const text = "Hello, World!";
const uppercaseText = text.toUpperCase();
const lowercaseText = text.toLowerCase();
console.log(uppercaseText); // "HELLO, WORLD!"
console.log(lowercaseText); // "hello, world!"

 

   - `startsWith`, `endsWith`, `includes`: 문자열이 특정 문자열로 시작하는지, 끝나는지, 포함하는지를 확인합니다.

const text = "Hello, World!";
console.log(text.startsWith("Hello")); // true
console.log(text.endsWith("World!")); // true
console.log(text.includes("lo")); // true

 

 

---

 

Object

 - `keys`: 객체의 속성 이름들로 이루어진 배열을 반환합니다.

const person = {
  name: "John",
  age: 30,
  gender: "male"
};

const keys = Object.keys(person);
console.log(keys); // ["name", "age", "gender"]

반응형

 - `values`: 객체의 속성 값들로 이루어진 배열을 반환합니다.

const person = {
  name: "John",
  age: 30,
  gender: "male"
};

const values = Object.values(person);
console.log(values); // ["John", 30, "male"]

 - `entries`: 객체의 속성과 값들로 이루어진 배열의 배열을 반환합니다.

const person = {
  name: "John",
  age: 30,
  gender: "male"
};

const entries = Object.entries(person);
console.log(entries);
// [["name", "John"], ["age", 30], ["gender", "male"]]

 

 

---

 

 

내장 함수

- `parseInt`: 문자열을 정수로 변환합니다.

const numberString = "123";
const number = parseInt(numberString);
console.log(number); // 123

 

- `parseFloat`: 문자열을 부동 소수점 숫자로 변환합니다.

const floatString = "3.14";
const floatNumber = parseFloat(floatString);
console.log(floatNumber); // 3.14

 

- `JSON.parse`: JSON 형식의 문자열을 JavaScript 객체로 변환합니다.

const jsonString = '{"name": "John", "age": 30}';
const jsonObject = JSON.parse(jsonString);
console.log(jsonObject); // { name: 'John', age: 30 }

 

- `JSON.stringify`: JavaScript 객체를 JSON 형식의 문자열로 변환합니다.

const person = { name: 'John', age: 30 };
const jsonString = JSON.stringify(person);
console.log(jsonString); // '{"name":"John","age":30}'

 

- `typeof`: 변수의 타입을 확인합니다.

const number = 42;
const text = "Hello";
console.log(typeof number); // 'number'
console.log(typeof text); // 'string'

 

- `instanceof`: 객체가 특정 클래스의 인스턴스인지 확인합니다.

class Animal { }
class Dog extends Animal { }

const dog = new Dog();
console.log(dog instanceof Dog); // true
console.log(dog instanceof Animal); // true

 

- `Array.isArray`: 배열인지 확인합니다.

const array = [1, 2, 3];
console.log(Array.isArray(array)); // true

 

 

---

 

접근제한자

Public: 기본적으로 모든 클래스 멤버는 public이며, 외부에서 접근 가능합니다.

Private: 해당 클래스 외부에서 접근할 수 없으며, 클래스 내부에서만 사용 가능합니다.

Protected: 해당 클래스와 해당 클래스를 상속받은 하위 클래스에서 접근 가능합니다.

Readonly: 읽기 전용으로, 값의 변경이 불가능합니다.