[SeSAC DT 과정] JS 내장 객체와 메서드

1️⃣ 객체 object

• 하나의 변수로서 많은 값을 저장할 수 있는 컨테이너 역할을 한다.

• 예시) people이라는 변수를 객체로 설정하면 name, age, sex, country 등과 같은 속성(Property)이 있으며, 속성마다 각각의 값을 갖는다.

• Literal 방식(변수 선언과 동시에 값을 지정해주는 방식)으로 객체 생성

  const people = {// array는 대괄호 , object는 중괄호
  	name : 'Elly',
  	age : 30,
  	sex : 'female'
  }
  console.log(people.age); // 객체명.속성
  console.log(people['age']); // 객체명['속성']
  people.country = "Korea"; // 속성과 값 추가(갱신)

2️⃣ 자바스크립트 내장 객체

• 자바스크립트를 구동하는 엔진에 내장된 객체 (String, Date ,Array, Math….)

• Math 객체 메서드 (💡 대문자 유의!)

  • Ceil() 올림
  • floor() 내림
  • round() 반올림
  • random() 랜덤 숫자 생성

     const num = 556.73
     console.log(Math.ceil(num2));//557
     console.log(Math.floor(num2));//556
     console.log(Math.round(num2));//557
     console.log(Math.random());//난수(0-1 사이의 랜덤 숫자 생성)

     //인증번호 다섯자리 난수 만들기
     const passWord = '';
     for(const i =1; i<=6 ; i++){
     passWord+=Math.floor(Math.random()*10);//1-10까지 받기 위해 곱하기 10(곱하기해주는 수가 랜덤 범위의 최대값)
    }
     console.log(passWord);

• String 객체 메서드 ⭐️ 참조

  • charAt() 해당 인덱스의 문자열 반환

  • indexOf(), lastIndexOf() 문자열의 첫번째 인덱스 반환 / 마지막 인덱스 반환

  • match() 찾고싶은 텍스트가 해당 문자열에 있으면 그 요소를 반환

  • replace() 문자열을 대체

  • slice() 문자열을 추출

    • slice(n) n번째 인덱스 글자부터 끝까지
    • slice(n,m) n번재 인덱스 글자부터 m번째 앞 (m-1) 까지
    • 음수는 뒤에서부터

  • split() 문자열을 배열로 쪼갬

    const a ="안녕하세요 HELLO";
    console.log(a.replace('안녕','강녕'));//'강녕하세요' // 문자열 대체
    console.log(a.slice(6,));//'HELLO' // 끝 인덱스 비워놓으면 끝까지로 인식(인덱스 6부터 끝까지)
    const txt1 = a.split(" ");// 공백을 구분자로 배열로 전환
    console.log(txt1[2]);

• Array 객체 메서드

  • sort() 오름차순 정렬
  • join() 배열 사이에 요소 삽입
  • push() 요소 끝에 삽입
  • shift() 배열의 첫번째 요소 건너뜀
  • unshift() 요소 앞에 삽입
  • splice() 배열의 요소를 더하거나 삭제

const txt1 = ['월', '화', '수', '목', '금'];
const txt2 = [1,2,9,7,8,4,5];

console.log(txt2.sort());//array method 오름차순 정렬

txt1.join('/')
console.log(txt1)//월/화/수/목/금

txt1.push('토') // push 문자열 끝에 삽입 ['월', '화', '수', '목', '금', '토']
console.log(txt1); // 

txt1.unshift('일') // unshift 문자열 앞에 삽입 ['일' ,'월', '화', '수', '목', '금', '토']
console.log(txt2);

console.log(txt1.slice(1,3));//배열 일부 추출, "월" "화"

txt1.splice(0,1,"Sat")//Adds or Removes elements from an array // 인덱스 6번부터 1개를 자르고 새로운 요소 삽입
console.log(txt2); // ['일' ,'월', '화', '수', '목', '금', 'Sat']