.png)
1주차 스터디 키워드를 정리한다
1st week study Keyword
❗ 변수가 필요한 이유
✨ 변수가 필요한 이유
- 수에 이름을 붙여줘서 어떤 목적의 수인지 알 수 있다
- 코드의 가독성이 높아진다
- 메소드나 객체 간의 정보 교환 목적으로 사용됩니다
❗ number와 string의 메서드 각각 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" 출력❗ 함수가 필요한 이유
- 코드의 재사용성 : 함수는 필요할 때 여러 번 호출할 수 있다. 동일한 작업을 반복적으로 수행햐애 한다면 코드를 중복해서 여러 번 작성하는 것이 아니라 미리 정의된 함수를 재사용하는 것이 효율적이다.
- 유지보수의 편의성 : 코드의 중복을 억제하고 재사용성을 높이는 함수는 유지보수가 편리하며 코드를 신뢰성을 높이는 효과가 있다. 또한 모듈화가 되어있다면, 버그가 발생하거나 성능개선을 해야할 때 편리하다.
- 코드의 가독성 향상
♪(^∇^*) 워-후!!（＾∀＾*）ﾉｼ