[패스트캠퍼스 FE MGS] Day11(7월 12일~7월 13일/화,수- Javascript 데이터 )

LEARN !!!

• 문자
• 숫자
• 수학
• 배열

1. 데이터 타입

1) String

console.log('01 23'.length) // 결과: 5

let str = 'Hello World!'
console.log(str.indexOf('honeybadger')) // 결과 : -1 (포함하고 있는 문자가 없으면 -1을 반환)

console.log(str.slice(0,3))// 결과: Hel
console.log(str.slice(6,11))// 결과: World

console.log(str.replace('World', 'honeybadger'))// 결과: hello honeybadger

str = '      Hello world '
console.log(str.trim())// 결과: Hello world(공백을 제거하고 출력됨)

• .indexOf() : 배열에서 지정된 요소를 찾을 수 있는 첫번째 인덱스를 반환하고 존재하지 않으면 -1을 반환함

• .slice(beginIndex,endIndex) : 문자열의 일부를 추출하면서 새로운 문자열을 반환

  • endIndex: 0부터 시작하는 추출 종료점 인덱스로 그 직전까지 추출

• .replace() : 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환

• .trim() : 문자열 양 끝의 공백을 제거함. 여기서 공백은 모든 공백문자(space, tab 등)와 모든 개행문자(LF,CR 등)을 의미

2) Number

const pi = 3.14159265358979
console.log(pi) // 3.14159265358979

const str = pi.toFixed(2)
console.log(str) // 3.14
console.log(typeof str) // string

const integer = parseInt(str)
const float = parseFloat(str)
console.log(integer) // 3
console.log(float) // 3.14
console.log(typeof integer, typeof float)// number number

• toFixed() : 숫자를 고정 소수점 표기법으로 표시함 ex) pi.toFixed(2) => 3.14
• parseInt() : 문자열 인자를 파싱하여 특정 진수의 정수를 반환함
• parseFloat() : 주어진 값을 필요한 경우 문자열로 변환한 후 부동소수점 실수로 파싱해서 반환함.

3) Math

수학적인 상수와 함수를 위한 속성과 메소드를 가진 내장객체 not 함수객체!

console.log(Math.abs(-12)); // 12(절대값)
console.log(Math.ceil(3.14)); // 4(소수점 이하를 올림)
console.log(Math.floor(3.14)); // 3(소수점 이하를 내림)
console.log(Math.round(3.5)); // 4(소수점 이하 반올림)
console.log(Math.trunc(3.14));//정수만 반환

// 최대, 최소값 찾기
console.log(Math.max(2,8));// 2
console.log(Math.min(2,8));// 8

//랜덤한 값을 반환
console.log(Math.random());

//1~10까지 랜덤한 숫자 호출
console.log(Math.floor(Math.random()* 10 +1));

• .abs() : 주어진 숫자의 절대값을 반환함

• .max() : 입력값으로 받은 0개 이상의 숫자 중 가장 큰 숫자를 반환함

• .min() : 주어진 숫자들 중 가장 작은값을 반환하며 1개 이상의 인자값이 숫자형으로 변환이 불가능 한 경우 Nan을 반환

• .ceil() : 소수점 이하를 올림한 값을 반환

  Math.ceil(.95);    // 1
  Math.ceil(4);      // 4
  Math.ceil(7.004);  // 8
  Math.ceil(-0.95);  // -0
  Math.ceil(-4);     // -4
  Math.ceil(-7.004); // -7

• .floor() : 소수점이하를 내림한 값을 반환

  console.log(Math.floor(5.95));
  // expected output: 5
  console.log(Math.floor(5.05));
  // expected output: 5
  console.log(Math.floor(5));
  // expected output: 5
  console.log(Math.floor(-5.05));
  // expected output: -6

• .round() : 입력값을 반올림한 수와 가장 가까운 정수값을 반환

• .random() : 0이상 1미만의 숫자들중 랜덤한 값을 반환함

---

2. 배열

1) 배열 생성