🐹Events
이벤트: 웹브라우저에서 마우스 또는 키보드로 하는 행위
- 웹브라우저가 웹페이지를 로딩(loading) 완료했을때
- 웹페이지에 대하여 마우스로 클릭을 하는 경우
- 웹페이지의 입력양식에 키보드로 입력하는 경우
목적: 자바스크립트 코드를 호출(실행)하고자 하는 목적
🐾HTML DOM Events
HTML DOM Events - 이벤트 목록
🐹Strings
- 텍스트를 저장하고 조작하는 데 사용.
- 따옴표 안에 쓰여진 0개 이상의 문자.
- 작은 따옴표 또는 큰 따옴표 사용 가능.
🐾Escape Charater
문자열은 따옴표로 묶어야하므로 JavaScript는이 문자열을 오해한다.
ex)
var x = "We are the so-called "Vikings" from the north.";이 문제를 해결하기 위해서 'backslash escape character'를 사용
ex) (\')
var x = 'It\'s alright.';
ex) (\")
var x = "We are the so-called \"Vikings\" from the north.";
ex) (\\)
var x = "The character \\ is called backslash.";
🐾String Length
문자열의 길이를 반환
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
결과: 26
🐾indexOf() 문자열에서 문자열 찾기
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
document.getElementById("demo").innerHTML = pos;
결과: 7
- JavaScript는 0부터 위치를 계산
0은 문자열의 첫번째 위치, 1은 두번째, 2는 세번째...
🐾lastIndexOf()
마지막 발생 인덱스를 반환
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");
document.getElementById("demo").innerHTML = pos;
결과: 21
indexOf() 및 lastIndexOf() 둘다 텍스트를 찾을 수 없는 경우 -1을 반환
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("John");
결과: -1
🐾문자열 부분 추출
- slice(start, end)
- substring(start, end)
- substr(start, end)
👉slice()
문자열의 일부르 추출하고 추출된 부분을 새 문자열로 반환
ex)
var str = "Apple, Banana, Kiwi";
var res = str.slice(7, 13);
결과: Banana
- 매개 변수가 음수이면 위치는 문자열의 끝부터 계산된다.
- 두번째 매개 변수를 생략하면 메소드가 나머지 문자열을 잘라낸다.
👉substring()
- slice와 유사하다.
- 차이점은 음수 인덱스를 허용하지 않는다.
👉substr()
- slice와 유사하다.
- 차이점은 두번째 매개변수가 추출된 부분의 길이를 지정한다.
🐾replace()
-
지정된 값을 문자열의 다른 값으로 바꿔준다.
str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3Schools");
결과: Please visit W3Schools! -
기본적으로 첫번째 일치 항목만 바꾼다.
str = "Please visit Microsoft and Microsoft!";
var n = str.replace("Microsoft", "W3Schools");
결과: Please visit W3Schools and Microsoft! -
대 소문자를 구분한다.
-
대 소문자를 구분하지 않으려면 /i 를 사용한다.
str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3Schools"); -
모든 일치 항목을 바꾸려면 /g 를 사용한다.
str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3Schools");
🐹Numbers
🐾정확도
정수는 최대 15자리까지 정확하다.
🐾NaN - 숫자 아님
ex)var x = 100 / "Apple";
결과: NaN
🐾isNaN(변수)
변수의 값이 NaN 인지 체크하는 명령어
🐾toString()
숫자를 문자열로 반환
ex)var x = 123;
x.toString(); // returns 123 from variable x
(123).toString(); // returns 123 from literal 123
(100 + 23).toString(); // returns 123 from expression 100 + 23
결과:
123
123
123
Number methods - 숫자에 대한 더 많은 내용.
🐹참고
javascript - 더 자세한 내용은 요기
