[JavaScript] 표준내장객체

문자

• .padEnd() : 지정 길이보다 length가 작으면 지정한 문자를 지정 길이까지 끝에 붙여 새로운 문자 반환. 원본 데이터에는 변화없이 새로운 문자를 반환한다.
  

위 코드 경우 결과는 1234567000 (길이 10, 추가 문자 ‘0’)

• .padStart() : padEnd는 끝에 지정 문자를 붙였다면 이거는 앞에다가 붙인다. 위의 코드의 경우 결과값이 0001234567로 된다

숫자

• .toLocaleString() : 숫자를 현지 언어 형식의 문자로 반환함.
  

  const num = 1000000
        
  console.log(num.toLocaleString()) // 1,000,000 ← 쉼표를 자동으로 붙여줌. 문자데이터로 반환됨.

• .isInteger() : 숫자가 정수인지 아닌지 Bool 값으로 반환함.
• .isNaN() : NaN인지 아닌지 Bool값으로 반환.

수학

• Math.pow() : 숫자의 거듭제곱한 값을 반환
  

   console.log(Math.pow(4,2)) // 16 ← 4^2
        
   console.log(Math.pow(10,3)) // 1000 ← 10^3

날짜

• ‘월’ 관련 데이터는 유일하게 zerobase, 즉 1월이 0부터 시작하여 12월이 11번째로 지정된다.
• .getTime(), .setTime() : ‘1970-01-01 00:00:00’(유닉스 타임)부터 경과한 날짜 인스턴스의 ‘밀리초(ms)’로 반환, 지정.

배열

• .at() : 대상 배열을 인덱싱. arr[0]과 arr.at(0) 은 같은 값 반환, arr[arr.length -1] 과 arr.at(-1) 또한 같은 값 반환.
• .every() : 배열의 모든 요소가 콜백 테스트에서 참을 반환하는지 확인. 모두 참을 반환하면 true를 반환, 하나라도 거짓이 존재하면 false 반환.
  

   const arr = [1,2,3,4]
        
   const isValid = arr.every(item ⇒ item < 5);
        
   console.log(isValid) // true

• .filter() : 주어진 콜백 테스트(콜백함수)를 통과(참 반환)하는 모든 요소를 새로운 배열로 만들어 반환. 모든 요소가 테스트 통과 못하면 빈 배열 반환.
  

   const numbers = [1,20,7,9,104,0,58]
        
   const filteredNumbers = numbers.filter(number ⇒ number <30)
        
   console.log(filteredNumbers) // [1,20,7,9,0]
        
   ** 함수 안에서 인수로 사용되는 또다른 함수를 ‘콜백’함수라고 한다**

• .find() : 대상 배열에서 콜백 테스트를 통과하는 첫 번째 요소를 반환.
• .findIndex() : 배열에서 콜백 테스트 통과하는 첫번째 요소의 인덱스 반환.
• .flat() : 배열의 모든 하위 배열을 지정한 깊이(depth)까지 이어붙인 새로운 배열 생성, 기본값은 1.
  

   const arr = [1,2,[3,4]]
        
   console.log(arr.flat()) // [1,2,3,4]
        
   const arr2 = [1,2,[3,4,[5,6]]]
        
   console.log(arr.flat()) // [1,2,3,4,[5,6]]
        
   console.log(arr.flat(2)) // [1,2,3,4,5,6]
        
   const arr3 = [1,2,[3,4,[5,6,[7,8]]]]
        
   console.log(arr.flat(Infinity)) // [1,2,3,4,5,6,7,8]

• .forEach() : 배열 길이만큼 주어진 콜백을 실행.
• .map() : 배열 길이만큼 주어진 콜백 실행하고 새로운 배열로 반환.
• .reduce() : 배열 길이만큼 주어진 콜백 실행하고, 마지막에 호출되는 콜백의 반환값을 반환. 각 콜백의 반환 값은 다음 콜백으로 전달됨.
  

    const users = [
        
        { name:’Neo’, age: 85},
        
        { name:’Amy’, age: 22},
        
        { name:’Lewis, age: 11},
        
    ]
        
    const namesArray = users.reduce((acc,cur) ⇒ {
        
        acc.push(cur.name)
        
        return acc
        
    }, [])

초기 값으로 acc에 빈배열 []가 들어감. → acc에 cur.name이 push 됨. acc return 되면서 다음 배열 콜백 으로 acc가 넘어감. → 다음 cur.name이 acc에 push 됨. → 배열 끝까지 반복.

• .some() : 배열의 어떤 요소라도 콜백 테스트를 통과하는지 확인. 하나라도 통과하면 true 반환
  

   const arr = [1,2,3,4]
        
   const isValid = arr.some(item ⇒ item > 3)
        
   console.log(isValid) // true

• .sort() : 배열을 콜백 반환 값(음수, 양수, 0)에 따라 정렬. 콜백 제공하지 않으면 요소를 문자열로 변환하여 유니코드 포인트 순서로 정렬. 원본이 변경됨.

객체

• Object.assign() : 출처 객체로부터 대상 객체로 속성 복사(덮어쓰기 포함)하고 대상 객체 반환.
• Object.enteries() : 주어진 객체의 각 속성의 값으로 하나의 배열을 만들어 요소로 추가한 2차원 배열을 반환.
  

  const user = {
        
        name: ‘stan’,
        
        age:’33’,
        
        isValid: true,
        
        email : ‘hahah@gmail.com’
        
  }
        
  console.log(Object.enteries(user))
        
  // [ [’name’,’stan’],[’age’,’33’],[’isValid’,’true’],[’email’,’hahah@gmail.com’] ]

JSON

: JavaScript Object Notation, 데이터 전달을 위한 표준 포맷. 문자, 숫자, Boolean, Null, 객체, 배열 만을 사용. 문자는 큰 따옴표만, 후행 쉼표 사용 불가(객체 내에서 값 구분을 위한 쉼표.), .json 확장자 사용. JSON 파일 내에서 여러개의 데이터를 가질 수 없고 하나만 가져야 한다.

• JSON.stringify() : 데이터를 JSON 문자로 변환.
• JSON.parse() : JSON 문자를 분석해 데이터로 변환합니다.