JS는 Java와 관련이 없지만 쓰임은 비슷한 부분이 있다.
그러므로 반복문 for, while 같은 기본 공통 기능들은 생략하고 바로 객체로 넘어간다.
var a = new Object( );
var car = { };
var obj = { 1:"값1", 2:"값2"};
3가지 방법으로 선언하고
a에 변수를 만들고 싶다면 a["변수 이름"]
car의 변수를 만들고 싶다면 car.변수이름
obj는 생성과 동시에 값이 만들어졌다.
그 외에
변수 선언의 예는 var attr = "score"; 처럼 선언하면 된다.
아래 예제를 통해 여러가지를 자세히 확인해 보자
<html>
<head>
<meta charset="UTF-8">
<title>Java Script</title>
<link rel="icon" href="img/favicon.ico">
<style>
/*css 주석*/
</style>
<!--스크립트를 여기에 넣어도 되지만 페이지가 느려지는 등 원인으로 바디 아래에 넣음-->
</head>
<body>
<!--html 주석-->
</body>
<script>
// js 싱글 주석
/*js 멀티 주석*/
/*객체 선언법*/
//객체 선언 법 1
var person = new Object();
//객체 선언 법 2
var car = {};
//객체 선언 법 3
var obj = {
attr:"속성",method:"함수",constr:"없음"
};
/*객체에 값 넣기*/
var attr = "score";
/*Java와 다르게 선언을 안해도 객체를 알아서 만들어서 넣는다,이 특징을 유연하다고 한다.*/
/*원래는 위의 객체 선언 법 3처럼 객체의 내부 변수를 선언해주어야 하지만*/
/*아래와 같이 써도 만들어진다는 뜻*/
car.name = "Fiat";
car.model = "500";
car.weight = 850;
car.color = "white";
car.isAuto = true;
person["name"] = "kim";
person["age"] = 26;
person["married"] = true;
// 변수 안의 값을 속성명으로 사용 할 수 있다.
person[attr] = "속성"
// 위의 var attr의 값이 들어가 person.score가 생성된다.
/*콘솔로 값 출력하기*/
console.log(car.name);
console.log(person.age);
console.log(person.score);
console.log(obj.attr);
console.error(car.model); // 에러
console.warn(car.color); // 경고
// 객체의 값을 전부 출력, 객체를 출력하면 됨
console.log(obj);
// 개발자가 콘솔을 통해서 값을 확인하는데
// 만약 지우지 않고 공식적으로 서버에 올리면
// 보안상 취약해지기 때문에 콘솔 구문은 작업이 끝나면 지우도록 하자.
</script>
</html>
콘솔의 출력은 Ctrl + Shift + p를 통해서 브라우져로 실행하고
F12를 누르면 코드를 볼 수 있고 콘솔창도 볼 수 있다.
'HTML, CSS, JavaScript, jQuery > 04.Java Script' 카테고리의 다른 글
| [JS]04-06.배열 메소드(splice, slice, split, sort, reverse, delete, concat, valueOf, join) (0) | 2018.10.19 |
|---|---|
| [JS]04-05.2차원 배열 생성, 값 조회, 추가 (0) | 2018.10.19 |
| [JS]04-04.버튼에 기능 구현하기, 배열 값 넣기, 빼기 push, pop, unshift, shift (0) | 2018.10.18 |
| [JS]04-03.함수 생성 및 사용, 배열 생성 및 사용 (0) | 2018.10.18 |
| [JS]04-01.기본 뼈대 (0) | 2018.10.18 |