var obj = { name : "crong", age : 20}
console.log(obj["name"]);
console.log(obj.age);
결과:
crong
20
const myFriend = { key : "value", key2 : "value" };
console.log(myFriend);
// 객체 속성 추가
myFriend["name"] = "crong";
console.log(myFriend["name"]);
결과: crong
myFriend.age = 34;
console.log(myFriend.age);
결과: 34
// 객체 속성 삭제
delete myFriend.key;
delete myFriend["key2"];
console.log(myFriend);
var obj = {"name":"codesquad" , age :22, data: [1,2,3,4,5]};
for(value in obj) {
console.log(obj[value]);
}
결과:
codesquad
22
[1, 2, 3, 4, 5]
var obj = { "name" : "codesquad" , age : 22, data : [1,2,3,4,5] };
Object.keys(obj).forEach(function(key) {
console.log(obj[key]);
});
결과:
codesquad
22
[1, 2, 3, 4, 5]
console.log(Object.keys(obj));
결과: ['name', 'age', 'data']
JavaScript 객체
var a = [1,2,3,4];
var fun = function(v,i,o){
console.log(v);
}
a.forEach(fun);
결과:
1
2
3
4
var mapped = a.map(function(v){
return v * 2;
});
console.log(mapped);
결과: [2,4,6,8];
//배열의 원소에 특정 값이 들어 있는지 확인할 수 있다.
[1,2,3,4].indexOf(3) //2
//배열의 문자열로 합칠 수 있다.
[1,2,3,4].join(); //"1,2,3,4"
//배열을 합칠 수 있다.
[1,2,3,4].concat(2,3); //[1,2,3,4,2,3]
var newArr = ["apple","tomato"].map(function(value, index) {
return index + "번째 과일은 " + value + "입니다";
});
console.log(newArr)
결과: ['0번째 과일은 apple입니다', '1번째 과일은 tomato입니다']
var numbers = [1, 2, 3, 4, 5];
var filtered = numbers.filter(currentNumber => currentNumber % 2 == 0);
console.log('filtered =', filtered);
결과: [2,4];
'JavaScript' 카테고리의 다른 글
웹 애니메이션 구현 방법 (0) | 2024.02.28 |
---|---|
DOM Node 조작하기 (1) | 2024.02.28 |
Ajax 통신 (0) | 2024.02.22 |
Browser Event (0) | 2024.02.22 |
DOM 정의 및 활용 (0) | 2024.02.22 |