03-1. JavaScript 내장함수(String, number, boolean) with 자바스크립트 제대로 배워볼래?(Section 02)

스터디 3주차 🐬
-JS 강의 섹션2 (자바스크립트 내장 함수)까지 듣기

JavaScript

Section 02. 자바스크립트 내장 함수

1. String

• length

var txt="abcde";
console.log(txt.length);//txt의 길이 출력

• indexOf

console.log(txt.indexOf("d");
//d가 나오는 인덱스 출력

//실제 활용 예시
if(str.indexOf("a")>-1){
}
//str이라는 string에 "a"가 나온다면~(안나오면 -1) 리턴하니까

• lastIndexOf("x")
  : x가 마지막으로 나오는 인덱스 출력

• search(indexOf랑 비슷)

let str="Why don't we";
console.log(str.search("we"));//we가 나오는 index출력

• slice

var str="apple, banana, kiwi";
console.log(str.slice(7,13); //index 7부터 12까지 자르기

console.log(str.slice(7));//idnex 7이후로부터 쭉 잘라오기

console.log(str2.slice(-12,-6));//맨 뒤부터 시작

console.log(str2.slice(-1));//-1에서 0까지
        

출력값

banana
banana, kiwi
kiwi
i

• substring

console.log(str.substring(7,13));
//str.slice(7,13)과 동일

• substr
  + 예시 1

  console.log(str.substr(7,3));
  //index 7부터 시작하여 글자 3개읽어서 출력
  //위의 과일예시에선 ban 출력

  • 예시 2 (생년월일)

    var birthday="000721";
    //if 몇년생인지만 알고싶다
    console.log(birthday.substr(0,2));
    
    var birth="2000-07-21";
    //하이픈으로 나눠놓은 문자열에서 몇년생인지 알고싶다
    console.log(birth.substring(0,birth.indexOf("-")));
    //index 0부터 "-"이 나오는 인덱스 까지 substring 자르기!
    //2000 출력
    

• replace

var str="This song is made for you";
str.replace("you","me");
//"you"룰 "me" 로 대체
str.replace(/this/gi,"my");
//g는 gobal, i는 대소문자를 구분하지 않는다는 의미
//모든 "this"를 "my"로 바꾼다.

출력값 

  This song is made for me <br>
  my song is made for you

• toUpperCase(), toLowerCase();

console.log(str.toUpperCase());//str을 모두 대문자로 변경
console.log(str.toLowerCase());//str을 모두 소문자로 변경

//실제로 사용자들이 문자열에 대소문자를 섞어서 많이 쓰기때문에, 처리할때 저런식으로 하나로 통일한 후 많이 다룬다.

• concat

  var txt1="hello";
  var txt2="future";
  var txt3=txt1.concat(txt2);
  // txt1 뒤에 txt2 이어붙이기
  //parameter 여러거 가능함```
  

• ⭐!padStart! (실제로 많이 사용)
  - 만약 사용자에게 1년동안 넷플릭스에서 본 컨텐츠가 몇개냐고 물어본다고 해보자
  누군가는 한자리수의 숫자를 또 누군가는 두자리 혹은 세자리 수까지의 답을 할 수도 있다. 이럴때 사용자들의 데이터를 유용하게 관리할수있는게 padStart!!

var answer="22";
console.log(answer.padStart(3,0));
//3글자의 문자열을 생성한 후, 앞에 빈칸은 0으로 채워라
//즉 앞에서 내가 제시한 상황에서 사용자들의 입력값을 padStart를 이용하여 모두 세자리문자열로 관리할 수 있다.

• padEnd
• charAt

let str="this is my workplace";
str.charAt(0);
//str에서 index 0번의 문자 하나를 가져올때

• ⭐split (실제로 많이 사용)

var inst="guitar, piano, ep, flute";
var inst2=inst.split(",");
//split할 기준을 parameter로 지정

inst는 데이터타입이 string이지만, split 한 값은 object가 된다
split 한 값들을 배열에 담아 리턴.

console.log(typeof(inst)); //string 
console.log(typeof(inst2)); //object

• repeat

str="abc";
console.log(str.repeat(3));
//abcabcabc 출력

2. number

• toString

var x=123;
console.log(x.toString());
//x를 string으로 변환

• toFixed : 지정된 소수점 자리까지 반올림

var x=3.141592;
console.log(x.toFixed(2));
//3.14 출력

• toPrecision(n): 정수까지 포함하여 n의 자리수로 반올림

var x=72.1721;
console.log(x.toPrecision(3));
//72.2 출력( 72.17에서 소수둘째자리 수가 7이기때문에 반올림하여 72.2)

• Number

var x=Number("10"); //String을 number로
var y=Number(true); //1 리턴
var z=Number(false); // 0 리턴

console.log(Number("hihihi")); // NaN(Not a Number) 출력

• ⭐parseInt: Int형으로 변환

console.log(parseInt("7.21");// 7 return
console.log(parseInt("10 22"); // 10 return

3. boolean

var x=true;
var y=new Boolean(true);

console.log(typeOf x); // boolean 출력
console.log(typeOf y); // object 출력

console.log(Boolean(10>9)); // object 출력
console.log(10<9); // false 이기 때문에 0 출력

var z=0;
console.log(Boolean(z)); // false 출력

var last="bye";
console.log(Boolean(last));
// false 출력(1이 아니니까)