[포스코x코딩온] 웹개발자 입문 과정 2주차 회고-09 | JavaScript 메소드

1. Javascript 내장 메소드를 알아보자 ~!

  1) 문자열관련 메소드 -> 기존 str 안바뀜

  - length - 문자열 길이를 반환(공백 포함)// 속성이라 () 안씀
  - toUpperCase()&toLowerCase() - 문자열 전제 대문자, 소문자 변경
  - indexOf{''} - 문자열을 받아서 몇번째 인덱스인지 반환
  - slice(startrldx,endldx)-시작~끝까지 슬라이싱, 음수값도 가능함
  - replace(str1,str2) - 처음만 찾아서 변경
  - replaceAll(str1,str2) - 모두 찾아서 변경
  - repeat(n) - n번 반복
  - trim() - 양끝 공백 없앰
  - split() - 문자열을 배열로 바꿔주는 함수인데 '기준' 이 필요 if ''-> 전체 , ' '-> 공백마다 자름

 

 2) 배열관련 메소드 -> 기존 str 바뀜
  - push() - 배열 '끝'에 추가
  - pop() - 맨끝 요소 삭제
  - shift(), unshift() - 배열 '앞'에 제거/추가
  - includes() - 반환 값으로 true/false, 해당 배열에 지정한 요소가 있는지 확인하는 메소드
  - arr.length - 배열 길이 반환 // 속성이라 () 안씀

  - arr.indexOf() - 매개변수에 해당하는 배열의 인덱스를 받아옴

  - arr.reverse() - 배열의 순서를 반대로 반환
  - arr.join() - join 안의 문자열을 기준으로 문자열로 병합

 

 3) 메소드 체이닝
 각 메소드를 .을 이용하여 연결하는 방법, 단 메소드가 반환(return)값을 가지고 있는 경우에만 사용가능

 

 4) 배열에서의 for
 배열에서 기본 for문이 아니라 for of 문 사용 가능함 , 배열에서만 사용 가능함
  (1) for 인덱스 접근
  (2) for of 데이터로 직접 접근 ex. for (let fruite of fruits)
  (3) forEach 는 함수임
    arrname.forEach (function(매개변수 number, index, array)) {}
    매개변수로 익명 함수 들어감

 5) 배열 함수 filter
  매개변수로 익명 함수 들어감
  해당하는 요소들만 배열로 반환
  arr = numbers.filter(function(num){})

 

2. 자바스크립트 표준 내장 객체 : 자바스크립트가 기본적으로 가지고 있는 객체
  - object
  - array
  - string
  - number
  - boolean ~~
  - Math 

console.log(Math.PI);
console.log(Math.E);
console.log(Math.SQRT2); //루트2

//메소드
console.log(Math.min(45, 2, 0, -5, 15));
console.log(Math.max(45, 2, 0, -5, 15));
console.log(Math.random()); //0<= x <1사이 랜덤 값
console.log(Math.round(5.1)); //반올림 정수
console.log(Math.floor(5.5)); //내림 정수
console.log(Math.ceil(5.22)); //올림 정수

  - Date : 시간 날짜에 대한 정보를 얻기 위해 사용

let now = new Date();
console.log(now);
console.log(now.getFullYear(), "년");
console.log(now.getMonth() + 1, "월"); //0부터 시작해서 +1
console.log(now.getDate(), "일");
console.log(now.getHours(), "시");
console.log(now.getMinutes(), "분");
console.log(now.getSeconds(), "초");
console.log(now.getMilliseconds(), "ms");
console.log(now.getDay(), "요일 숫자로 "); //0: 일요일, 6:토요일