자바와 비슷하게 동작하지만, 세부적인 명령어 등의 차이가 있기 때문에 한번씩 사용하면서 참고하면 좋다.
ㅁ 변수 선언
- var : 변수(생략 가능)
- 함수 내에서 var를 하지 않으면 전역변수가 되지 않는다.(전체 사용 가능한 변수)
ㅁ 텍스트
- 문자열 텍스트는 " "와 ' '둘 다 가능
ㅁ 숫자
- 자바스크립트는 정수와 유리수의 구분 없이 숫자 자료형을 가짐
- 사칙연산자( + - * / )사용 가능
ㅁ 출력 방법
- alert("값") : 경고창을 띄우는 것(사용자가 볼 수 있음)
- document.write("값"); 브라우저에 값을 출력하는 것
- consol.log("값"); 개발자 도구에서 확인 가능한 콘솔에서 확인 가능
ㅁ 입력 방법
ㅇ prompt( ) : 입력 창이 뜨는 것
- 입력해서 반환 받는 값 = prompt("안내문구", "기본 default");
- 문자열만 입력 가능, 숫자를 써도 문자열로 리턴 된다.
<script type="text/javascript">
var name = prompt("안내문구", "기본 default");
alert(name+", Hi");
</script>
ㅇ confirm( ) : 확인 창 뜨는 것
- 확인 / 취소 버튼과 함께 확인을 받기 위할 때 사용. 삭제 안내 등
- 입력해서 반환 받는 값 = confirm("안내 문구");
- 확인 누르면 true / 취소 누르면 false
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var del = function() {
var re = confirm("삭제하시겠어요?");
alert(re);
}
</script>
</head>
<body>
<button onclick="del()">삭제</button>
</body>
</html>
ㅁ typeof( "변수명" )
- 변수의 타입을 알기 위한 함수
- === 양 변의 자료형과 값이 일치
- !== 양 변의 자료형과 값이 다름
- NaN(Not a Number) : 숫자인지 판별할 때 사용 가능, 일반 문자열은 숫자로 표시할 수 없지만, 강제로 자료형을 바꿨으므로 NaN으로 출력
var person = {
name:"홍길동",
age:20
};
alert(typeof(person));
ㅁ 객체 정보 추가 방법
- person.tel="010-1234-1234"
- person 객체에 tel이라는 전화번호 속성 추가
ㅁ 객체 정보 삭제 방법
- delete(person.addr);
- person 객체에 addr이라는 속성 제거
ㅁ undefined 자료형
- 존재하지 않는 것을 표현하는 자료형
- 변수 선언했지만 초기화 하지 않은 경우 해당 자료형 값이 나온다.
- 해당 자료형은 false
ㅁ 자료형 변경
- 숫자로 자료형 바꾸기 : Number( )
- 문자로 자료형 바꾸기 : String( )
ㅁ 배열 자료형
- 배열을 선언하는 방법
- var 배열명 = [ 값1, 값2, …];
- 배열 안에는 어떠한 종류의 자료형을 요소로 가질 수 있다. 섞어서 사용도 가능
- 배열 안에 문자, 정수, 유리수, boolean, 객체, 함수 등을 넣을 수 있다.\
- 배열 사용방법
- 배열명[ 인덱스 ]
var text = ['홍길동','강감찬','이순신'];
var number = [10,20,30];
var number2 = [10.5, 20.1, 30.123];
ㅇ 배열에 데이터를 추가하는 변수
- 배열명.push( 값);
- 값에는 모든 자료형 가능 / 객체도 넣을 수 있다.
ㅁ HTML 태그 값
- document.getElementById("n1").value : n1의 값을 가져오라는 것
- document.getElementById("resultSum").innerHTML = r
- resultSum에 r이라 변수의 값을 넣어주는 것. input이 아니라 일반적인 HTML에 넣어주는 것
- document.getElementById("resultSum").value= r
- resultSum에 r이라 변수의 값을 넣어주는 것. input인 경우에는 value에 넣어 준다.
ㅁ 코드 실행 : String을 계산, 활용 가능한 형태로 만들기
- eval( ) : 계산 가능한 함수로 만드는 것
- number( ) : 숫자로 변경해 주는 것, eval과 비슷하게 사용 가능
ㅁ 조건식
- if 와 if / else
if / if else 조건문
if( 조건식) {
문장1
} else{
문장2
}- 삼항 연산자
- (조건식)?(참일 때 실행하는 문자) : (거짓일 때 실행하는 문자)
- 짧은 조건문
- (조건문) || (블리언 표현식이 거짓일 때 실행 할 문장)
ㅁ 반복문 : for문
자바의 foreach와 다르게 x는 인덱스를 준다.
for( var x in arr)
{
str += "<li>"+arr[x]+"</li>";
}
반응형
'Java Script > Java Script' 카테고리의 다른 글
| JavaScript 이벤트 ㅣ window.onload (0) | 2019.05.11 |
|---|---|
| JavaScript 함수 만드는 방법 (0) | 2019.05.11 |
| JavaScript DOM : 문서 동적화 (0) | 2019.05.11 |
| JavaScript 배열 / 객체 기본 (0) | 2019.05.11 |
| 자바스크립트 기본, JavaScript란? (+ jQuery) (0) | 2019.05.11 |
댓글