[포스코X코딩온] JavaScript 메서드(Method)

이번 포스팅 주제

• 다양한 Method
• Method를 이용한 실습

 

---

 

메서드(method) 혹은 메소드라 불리는 이것은 어떤 객체가 가지고 있는 어떤 동작을 의미한다.

자바스크립트(JavaScript)에서 일반적으로 객체 안에 프로퍼티로 정의된 함수를 메서드라고 부른다.

 

메서드를 수행하기 위해서는 객체를 통해서 해당 메서드를 수행해야 합니다. 동작을 수행하는 주체는 객체이고 그 객체에게 동작을 수행하라고 지시하는 방식이 메소드입니다.

 

 

문자열 관련 메서드

 

• length : 메소드가 아닌 속성으로 문자열의 길이를 반환(공백포함)
• toUpperCase() & toLowerCase() : 문자열 전체를 대문자, 혹은 소문자로 변경
• indexOf('') : 매개변수로 문자열을 받아서 몇번째 인덱스인지 숫자 반환
• slice(startldx, [endIdx]) : star부터 end-1까지 슬라이싱, 부분만 빼오는 매개변수로 음수 값도 가능
• replace(문자열1, 문자열2) : 문자열1을 문자열2로 변경, 문자열1이 복수 존재하면 가장 앞에 있는 것을 문자열2로 변경
• replaceAll(문자열1, 문자열2) : 문자열 1을 전부 찾아서 문자열 2로 바꿈
• repeat(n) : 문자열에 대해 n번 반복
• trim() : 문자열의 양끝 공백 없애기
• split() : 매개 변수로 들어온 문자열을 기준으로 str을 쪼개서 배열로 저장, [ ('') 값을 주면 문자열 단어 하나씩 배열로 저장, [(' ') 공백을 주면 공백 기준으로 쪼갬 ]

 

 

---

 

배열관련 mathod

• includes() : 해당 배열에 지정한 요소가 있는지 확인하는 메서드
• lenght : 배열의 길이 반환
• indexOf() : 문자열에서의 indexOf랑 마찬가지, 단 매개변수로 문자열만 넣을 수 있는 것은 아니다.
• reverse() : 배열의 순서를 뒤집어서 반환
• join() : join안의 문자열 기준으로 문자열 병합

 

 

---

 

메서드 체이닝

 

메소드 체이닝은 여러가지 메서드를 엮어서 사용할 수 있는 코드 방식으로 각 메소드는 "."로 구분하여 작성한다.

 

 

months 배열에 reverse()와 join() 메서드가 적용된걸 볼 수 있다.

 

 

배열에서의 for

 

기본 for 문

 

for-of

• 반복 가능한 객체를 순회할 수 있게 해줌

 

for-each문

• 오직 Array 객체에서만 사용가능
• 반복문 내에서 배열이나 리스트값을 추가하거나 변경 불가능

 

Filter 배열 함수

• 조건에 부합하는 배열 요소만을 반환
• .filter((매개변수) => 조건);

 

 

 

 

---

 

실습 1

 

1~100 까지의 배열을 for문으로 만들고 각 for문을 이용해 배열의 합을 구하자

 

 

 

실습2

 

두 과일 배열을 비교하여 같은 요소의 과일은 same배열에 넣고, 두 배열에 서로 다른요소는 diff에 넣자