[js] JavaScript 함수(2) __개발공부 69일차

문자열 다루는 함수

 

charAt(i)    문자열을 하나씩 불러오게 하는 함수

 

 

padStart()/padEnd()

 

빈자리를 특정 문자로 채우고 싶을때 사용 하는 함수들    => 출력결과가 문자열로 나온다,.

문자열.padStart(    총 자릿수,      채우고싶은 문자        )

문자열.padEnd(      총 자릿수,      채우고싶은 문자       )

 

padStart() :  앞에서 부터 빈자리를 특정 문자로 채운다.

7 => 0007

 

let no = 7;

no = no.padStart(4,"0");
console.log(no);

 

padEnd() : 뒤에서 부터 빈자리를 특정 문자로 채운다.

 

 

startsWith()/endsWith()

 

startsWith() :  문자열이 특정 문자열로 시작하는지 판별하는 함수

endsWith() : 문자열이 특정 문자열로 끝나는지 판별하는 함수

 

indexOf()/lastInfexOf()

 

indexOf(), lastInfexOf()   검색해서 정리해 보기

 

includes()

 

includes() : text 문자열 속에 target 특정문자열을 포함 여부를 true/false 반환

 

document.write( )  : ()안에 것을 화면에 출력하라는 메서드

window.alert()  : 경고창을 띄워 ()안의 것을 출력하라는 메서드

innerHTML=" " HTML로 [홍길동]이라는 콘텐츠를 화면에 출력하였다.

document.querySelector("#demo").innerHTML=html; 

(비교 ) jquery

$("#demo").html(html); 

 

 

 

역따옴표

 

역따옴표를 사용하 HTML 태그를 여러 줄에 연달아 쓸 수 있다.

예를 들어 확인하는게 쉽다.

예1)

let header="Templates Literals";

let tags = ["java","oracle","html5","jquery"];

var html = "<h3>"+header+"</h3><ol>"    와 같이 써야 하는걸 +를 생략하고 아래와 같이 쓸 수 있다.

 

var html = `<h3>${header}</h3><ol>`;

 

예2)

let name = "admin";
let age = 20;

let text = "name="+name+",age="+age;  와 같이 써야 하는걸 +를 생략하고 아래와 같이 쓸 수 있다.

let text = ` name= ${name}, age = ${age}`;

 

 

숫자 관련 함수

 

isNaN( )

- isNaN() 입력한 값이 순수하게 숫자로 이루어져 있는지 체크 true/false 값으로 반환한다.

 

isNaN("37") false
isNaN("37.213") false

isNaN(num) true

 

toString( )

- 문자를 숫자로 변환해 준다.
   5.toString() -> "5"

 

toExponential( )

- 반올림되고, 지수 표기법 출력 -> 문자열로 변환된다.
  매개변수 2,4,6 의미? 소수점 뒤의 문자 수 정의 == 반올림 자리
  매개변수 없으면 반올림 하지 않는다.

 

let x = 9.656;

document.write( x.toExponential(2)  );     //9.66e+0

document.write( x.toExponential()  );       //9.656e+0

 

 

toFixed( )

 

- 반올림되고-> 문자열 변환

let x = 9.656;

document.write( x.toFixed(0)  );       //10

document.write( x.toFixed(2)  );      //9.66

 

 

toPrecision()

- 전체 자리수

let x = 9.656;

 

 

valueOf()

let x = 100; //number
let y = newNumber("200") //object
object -> number 변환할 때 사용하는 메서드 : valueOf()
object 숫자 -> number 숫자 형변환

 

 

 

 

 

 

자료형 변환(문자형<->정수형)

 

String -> int    => parseInt , parseFloat
int -> String    => toString ,   ""

7.toString() -> "7"

 

참고)

 

NaN + 5 => NaN                  NaN + 숫자 는 NaN이 나온다.
NaN + "5" => "NaN5"           NaN + 문자는 문자열이 나온다.

 

 

document.write(10/0); //Infinity
document.write(10%0); //NaN == Not a Number