본문 바로가기
  • 일하면서 배운 내용 끄적이는 블로그
JavaScript

JavaScript 문법 메모3

by dhl7799 2024. 2. 28.
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