<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
/*
- 객체 기본 사용법!
객체 : 이름이 있는 정보를 정리정돈할 때 쓰는 것
- 객체에 있는 값 읽는방법
. 이나 []를 이용해서 읽을 수 있음
*/
var memarray = ['a','b','c'];
// 배열에서는 대괄호[]로 값에 접근
console.log("memarray[2]", memarray[2]);
var memObject = {
manager : 'abc',
developer : 'graphittie',
designer : 'leezhce'
}
// 객체에서는 . 으로 접근 + 대괄호 가능(""로 감싸야함)
// memObject[designer]
console.log(memObject.designer);
console.log(memObject["designer"]);
// 값을 수정
memObject.designer = 'change';
console.log(memObject.designer);
// 값을 삭제. delete 연산자 사용
delete memObject.designer
console.log(memObject.designer);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
/*
- 객체 기본 사용법!
객체 : 이름이 있는 정보를 정리정돈할 때 쓰는 것
- 객체에 있는 값 읽는방법
. 이나 []를 이용해서 읽을 수 있음
*/
var memarray = ['a','b','c'];
// 배열에서는 대괄호[]로 값에 접근
console.log("memarray[2]", memarray[2]);
var memObject = {
manager : 'abc',
developer : 'graphittie',
designer : 'leezhce'
}
// 객체에서는 . 으로 접근 + 대괄호 가능(""로 감싸야함)
// memObject[designer]
console.log(memObject.designer);
console.log(memObject["designer"]);
// 값을 수정
memObject.designer = 'change';
console.log(memObject.designer);
// 값을 삭제. delete 연산자 사용
delete memObject.designer
console.log(memObject.designer);
</script>
</body>
</html>
var memarray = ['a','b','c'];
// console.group & console.groupEnd 사이에 있는 console.log를 보기 좋게 만들어줌
console.group('start');
var i = 0;
while(i < memarray.length){
console.log(memarray[i]);
i = i+1;
}
console.groupEnd('end');
var memObject = {
manager : 'abc',
developer : 'graphittie',
designer : 'leezhce'
}
console.group('Object start');
// for~in문 : 객체에서 사용하는 반복문
// in 뒤에는 객체, 앞은 변수로, 반복문을 돌면서 차례로 name에 Key값이 할당되는 것
for(var name in memObject){
console.log(name, memObject[name]); // memObject.name하면 해당 키값을 가져올 수 없음 -> .뒤에는 변수가 올 수 없기 때문. 이때 [] 이용
}
console.groupEnd('Object end');
'JavaScript & JQuery' 카테고리의 다른 글
| 서버 실행없이 HTML에서 JSON파일 읽기 (+ Controller에서 Json파일 읽어서 보내기) (0) | 2020.08.11 |
|---|---|
| IE와 Edge에서 onclick 이벤트 시 더블클릭 이슈 + 엣지의 html() (0) | 2020.02.27 |
| [생활코딩] this, call, 프로토타입, 상속 등 개 (0) | 2019.06.09 |
댓글