자바스크립트 요약 (String)

Errors

에러 처리 기본 구문은 아래와 같다.

1
2
3
4
5
6
7
try {
undefinedFunction();
} catch (err) {
console.log(err.message);
} finally {
console.log('done');
}

throw new Error('error') 로 에러를 처리할 수 있고 아래같은 Error 유형이 있다

  • RangeError — A number is out of range
  • ReferenceError — An illegal reference has occurred
  • SyntaxError — A syntax error has occurred
  • TypeError — A type error has occurred
  • URIError — An encodeURI() error has occurred

Input Values

1
const val = document.querySelector("input").value;

NaN

1
isNaN(x)

몇 초 후에 실행

1
2
3
setTimeout(() => {
//실행코드
}, 1000);

Functions

1
2
3
function addNumbers(a, b) {
return a + b;;
}

DOM 수정

1
document.getElementById("elementID").innerHTML = "Hello World";

데이터 출력

1
2
3
4
5
6
7
8
//log
console.log('log');
//alert box
alert("alert");
//confirm dialog
confirm("Are you ready?");
//input data
prompt("what's your name?");

주석

1
2
3
4
5
6
// 한줄 주석

/*
여러줄 주석
처리 하기
*/

문자처리

문자의 정의는 " 또는 ' 를 사용합니다

1
let name = "quotes";

줄바꿈은 \n 을 사용합니다

1
let name = "Kim \n Lee";

문자의 길이는 length 속성을 사용합니다

1
let nameLength = name.length

문자의 위치 찾기는 앞에서부터 찾으면 indexOf
뒤에서부터 찾으면 lastIndexOf

1
2
3
4
5
let abc = "banana";

console.log(abc.indexOf('na')); // 2
console.log(abc.lastIndexOf('na')); // 4

문자 자르기는 slice

1
2
3
let abc = "banana";

console.log(abc.slice(2, 6)); // nana

문자 대체는 replace

1
2
3
let abc = "banana";

console.log(abc.replace("nana", "lolo")); // balolo

대문자변환 toUpperCase
소문자변환 toLowerCase

문자 두개 이어붙이기는 concat

1
'ba'.concat('', 'nana');  // banana

문자 중에 한개의 Character 가져오기

1
2
3
let abc = "banana";
abc.charAt(1); // a
console.log(abc[2]); // n

문자 쪼개기

1
2
3
let abc = "banana";
abc.split("a"); // ['b','n','n','']
abc.split(""); // [ 'b', 'a', 'n', 'a', 'n', 'a' ]