TIL 70 | 위코드 1주차 study keyword

1주차 스터디 키워드를 정리한다

1st week study Keyword

❗ 변수가 필요한 이유

✨ 변수가 필요한 이유

  • 수에 이름을 붙여줘서 어떤 목적의 수인지 알 수 있다
  • 코드의 가독성이 높아진다
  • 메소드나 객체 간의 정보 교환 목적으로 사용됩니다

numberstring의 메서드 각각 3개와 사용 방법

✨ Number.method()

  • Number.parseFloat()
    Number.parseFloat() 메소드는 문자열을 파싱(parsing)하여, 문자열에 포함된 첫 번째 숫자 부분을 실수 형태로 반환합니다. 문자열에 여러 개의 숫자가 존재하면, 그 중에서 첫 번째 숫자만을 실수 형태로 반환합니다.
    인수는 문자열이어야 한다
Number.parseFloat("12");         // 12
Number.parseFloat("12.34");      // 12.34
Number.parseFloat("12문자열");   // 12
Number.parseFloat("12 34 56");   // 12
Number.parseFloat("문자열 56");  // NaN
  • Number.isNaN()
    Number.isNaN() 메소드는 인수로 전달된 숫자 값이 NaN인지 검사하여 그 결과를 불리언 값으로 반환한다. 인수의 값이 NaN인 경우에만 true를 반환하며, 숫자가 아닌 인수가 주어졌을 때는 언제나 false를 반환한다.
Number.isNaN(NaN);       // true
Number.isNaN(0 / 0);     // true  ( 0 나누기  0의 값  NaN)
Number.isNaN(13); // false
Number.isNaN(undefined); // false
Number.isNaN(“wecode");  // false
Number.isNaN(true);  // false
  • Number.isFinite()
    Number.isFinite() 메소드는 인수로 전달된 숫자 값이 유한수인지 아닌지 검사하여 결과를 불리언 값으로 반환한다. 무한수(Infinity, -Infinity)이면 false 반환하고, 인수의 값이 NaN, null이면 언제나 false 반환한다.
Number.isFinite(0);        // true
Number.isFinite(Infinity); // false
Number.isFinite(NaN);      // false
Number.isFinite(1);      // false
Number.isFinite(null);      // false

✨ String.method()

  • string.length()
    string.length()는 문자열의 길이를 반환하는 메서드이다.
let desc = '안녕하세요';

desc.length //5
  • String.toUpperCase() / String.toLowerCase()
    toUpperCase()는 모든 영문을 대문자로 바꿔준다. toLowerCase()는 모든 영문을 소문자로 바꿔준다.
let desc = 'Hi guys. Nice to meet you.';

desc.toUpperCase();  //"HI GUYS. NICE TO MEET YOU."

desc.toLowerCase();  //"hi guys. nice to meet you."
  • String.indexOf(text)
    String.indexOf() 메서드는 문자를 인수로받아 text가 string의 몇 번째에 위치하는지 알려준다. 0부터 시작하고 쉼표, 마침표, 공백도 하나의 문자열로 인식한다. 포함된 문자가 여러 개여도 첫 번째 위치만 반환하다.
let desc = 'Hi guys. Nice to meet you.';

desc.indexOf('to'); //14 반환됨.

desc.indexOf('man'); //-1   찾는문자 없으면 -1을 반환


let desc = 'Hi guys. Nice to meet you.';

if(desc.indexOf('Hi')) {   //Hi로 시작하는 문장이라 indexOf('Hi')는 0이된다.

console.log('Hi가 포함된 문장입니다.');

}                          // 0은 falsy 라서 콘솔이 찍히지 않는다.

if(desc.indexOf('Hi') > -1) {    //-1보다 큰지 비교하면됨.

console.log('Hi가 포함된 문장입니다.');

}                                // 'Hi가 포함된 문장입니다.'  출력
  • String.includes(text)
    String.includes(text) 메서드는 인덱스를 활용하지않고 문자가 있는지 없는지 확인한다.
let desc = 'Hi guys. Nice to meet you.';

desc.includes("Hi") //true 반환.
  • String.slice(n,m)
    이 메서드는 특정 범위의 문자열을 뽑는다. n은 시작점, m은 없으면 문자열 끝까지. 양수면 그 숫자까지 (포함하지 않음), 음수면 끝에서부터 셈(해당 숫자도 포함하지않음).
let desc = "abcdefg"

desc.slice(2)    // "cdefg"

desc.slice(0,5)  // "abcde"

desc.slice(2,-2) // "cde"
  • String.substring(n,m)
    이 메서드는 n과 m사이 문자열을 반환한다. n과 m의 자리를 바꿔도 동작한다. n,m 사이라고 생각하면 편하다. 음수를 허용하지 않는다.(0으로 인식)
let desc = "abcdefg";

desc.substring(2, 5); // "cde"

desc.substring(5, 2); // "cde"

desc.substring(2, -5);

// -5를 0으로 인식해 desc.substring(0, 2)의 결과로 ab 반환.
  • String.substr(n,m)
    n이 시작, m이 갯수를 의미한다. n부터 m개를 가져온다.
let desc = "abcdefg";

desc.substr(2, 4)  // "cdef"

desc.substr(-4, 2) // "de"
  • String.trim()
    이 메서드는 앞 뒤 공백을 제거한다.
let desc = " coding     ";

desc.trim();              //"coding" 출력
  • String.repeat(n)
    이 메서드는 문자열을 n번 반복한다.
let hello = "hello";

hello.repeat(3);     //"hellohellohello" 출력

❗ 함수가 필요한 이유

  • 코드의 재사용성 : 함수는 필요할 때 여러 번 호출할 수 있다. 동일한 작업을 반복적으로 수행햐애 한다면 코드를 중복해서 여러 번 작성하는 것이 아니라 미리 정의된 함수를 재사용하는 것이 효율적이다.
  • 유지보수의 편의성 : 코드의 중복을 억제하고 재사용성을 높이는 함수는 유지보수가 편리하며 코드를 신뢰성을 높이는 효과가 있다. 또한 모듈화가 되어있다면, 버그가 발생하거나 성능개선을 해야할 때 편리하다.
  • 코드의 가독성 향상

좋은 웹페이지 즐겨찾기