document.write("<li>key : "+ name+" value : " + 변수 + <br />");
자바스크립트 문자열 부분에서 HTML태그가 적용된다
변수의 선언
JavaScript에서 변수는 var로 시작한다. 변수 var에 숫자와 문자열 배열 객체, '함수'도 모두 들어갈 수 있다.
(example)
var a = 2;
var first = "coding";
===
일치 연산자로 === 좌항과 우항이 '정확'하게 같을 때 true 다르면 false가 된다. 여기서 정확하다는 말의 의미에 집중하자. 아래 예를보자.
1
2
alert(1=='1'); //true
alert(1==='1'); //false
함수의 정의와 호출
함수의 형식
첫번째.
function 함수명( [인자...[,인자]] ){코드return 반환값}
두번째.
var 함수명= function(){
코드
return
}
함수명()으로 함수 실행
새번째.(익명함수) - 함수를 만들어서 바로 실행할 때 사용
(function(){
code
return
})();
배열
선언
var member = ['egoing', 'k8805', 'sorialgi']
배열의 제어
추가
var li = ['a', 'b', 'c', 'd', 'e']; 일 때
li.push(내용); //배열 끝 추가
li.concat(내용, 내용); //내용 여러개 추가
li.unshift('z'); //시작점에 추가
li.splice(2, 0, 'B'); //인덱스 0에서 2까지 내용 삭제하고 그지점에 'B'추가
제거
li.shift();
li.pop();
정렬
li.sort();
li.reverse(); 역정렬
객체
객체 정의법 1
var grades = {'name' : 10, '이름':값, '이름':값}; 으로 만든다,
객체 정의법 2
var grades = {};
grades['이름'] = 값;
grades['이름'] = 값;
grades['이름'] = 값;
객체 정의법 3
var grades = new Object();
grades['이름'] = 값;
grades['이름'] = 값;
grades['이름'] = 값;
반복문으로 값 접근하는법 - 키값을 하나씩 꺼내온다!
var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
for(key in grades) {
document.write("key : "+key+" value : "+grades[key]+"<br />");
}
결과는 아래와 같다.
1
2
3
key : egoing value : 10
key : k8805 value : 6
key : sorialgi value : 80
var grades ={ //객체안에 키값으로 객체와 함수도 들어갈 수 있다.
'list' : {'name' : 10, '이름':값, '이름':값},
'show' : function(){
for(var name in this.list){
document.write(name+":"+this.list[name]+"<br />");
}
}
}
grades.show(); //이렇게 호출이 가능하다.
모듈(라이브러리)
geeting.js
// 일종의 라이브러리개념. 자주 사용하는 함수 등 저장. 유지보수등이 편하다.
function welcome(){
return 'Hello world';
}
main html
<head>
<script src="greeting.js"></script> //저장한 js파일을 불러와서사용이 가능
</head>
<body>
alert(welcome());
</body>
'스프링 관련 > 웹프로그래밍' 카테고리의 다른 글
| css 속성 정리(폰트, 타이포그래피) (0) | 2017.02.21 |
|---|---|
| css 선택자 정리 (0) | 2017.02.21 |
| 폰트 어썸(font-awesome) CDN파일 링크 연결 주소 (0) | 2017.02.18 |
| jQuery 기본적인 내용 정리(생활코딩 참조) (0) | 2017.02.14 |
| 자바스크립트로 할수 있는일 (0) | 2017.02.13 |
댓글