JavaScript
자바스크립트 내장 함수(1)
스파이더웹
2022. 10. 7. 22:12
728x90
반응형
1. String 내장 함수
let txt = "abc";
//length - 문자열 길이
console.log(txt.length); // 3
//indexOf - 문자 위치를 반환, 없으면 -1을 반환
let str = "Please locate where 'locate'";
console.log(str.indexOf("locate")); // 7
if(str.indexOf("Goru")==-1){
console.log("없는 문자");
}else{
console.log("있습니다");
}
//lastIndexOf - 마지막 문자 위치를 반환
console.log(str.lastIndexOf("locate"));
//slice - 시작점부터 끝점까지의 문자를 리턴(시작은 포함 끝은제외)
// 시작점만 명시할 경우 주어진 문자열의 끝까지 리턴
// 마이너스인 경우 뒤에서부터 반환
let fruit = "Apple, Banana, Kiwi";
console.log(fruit.slice(7,13));
console.log(fruit.slice(7));
console.log(fruit.slice(-12));
//substring - slice와 매우 유사
//substring은 indexOf를 활용하여 문자를 찾을 수 도있다.
console.log(fruit.substring(7,13));
//substr - 시작점부터 몇글자를 가져올지를 반환
//Banana를 가져오기위해 시작점인 7인덱스부터 6글자를 가져옴
console.log(fruit.substr(7,6));
//replace - 문자를 변경할 때 사용
// 변경하고자하는 문자가 중복인경우 처음것만 변경
let origin = "Please visit here!";
let change = origin.replace("here","there");
console.log(change);
let origin2 = "Please visit here here here !";
let change2 = origin.replace("here","there");
console.log(change2);
//uppercase - 대문자로 변환
let upper = "abc";
console.log(upper.toUpperCase());
//lowercase - 소문자로 변환
//concat - 문자열 결합
let txt1 = "Hello";
let txt2 = " world";
console.log(txt1.concat(txt2));
//trim - 공백제거
//padStart - 첫번째 매개변수는, 길이를 지정 두번째는 채울 값
let num = "5";
console.log(num.padStart(4,0)); //ex) "0005"를 반환
num="15";
console.log(num.padStart(2,0)); //이러한 경우 이미 두자리수이므로 15가 출려된다
//padEnd - padStart와 반대로 뒤로 채운다
//charAt - 특정 인덱스의 문자를 반환
let str2 = "Hello World";
console.log(str2.charAt(0)); //"H"를 리턴
//split - 문자를 자르기 배열로 반환
let tags = "키보드,기계식,블루투스";
let arr = tags.split(",");
console.log(arr);
2. Number 내장함수
//Number
let num = 123;
//toString() - 문자열로 변환
//toFixed() - 지정된 소수점 자리수까지 반올림
let x = 9.567243;
console.log(x.toFixed(2));
//Number - 숫자로 변환
var a = Number(true); //1 반환
var a = Number(false); //0 반환
var a = Number("10"); //숫자 10반환
var a = Number(" 10 "); //숫자 10반환
var a = Number("10.33")//숫자 10.33반환
//parseInt() - 정수를 리턴
//parseFloat
console.log(parseFloat("10.1"));
참조
자바스크립트 제대로 배워볼래? - 인프런 | 강의
자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angul
www.inflearn.com
728x90
반응형