[JavaScript] 유용한 문법 정리

반복문

배열

for ... of : 배열에서만 사용됨

for ... in : 배열에서는 idx를 뱉는다.

let numbers = [9, 5, 6];
for (let number of numbers) {
	console.log(number);  // 9,5,6
}
for (let ch in numbers) {
	console.log(ch);      // 0,1,2
}

 

 

객체

for ... of : X

for ... in : 객체에서는 key를 뱉는다.

let doggy = {
	name: '밀크',
    age: 3,
    sound: 'bow-wow'
}

for (let what in doggy) {
    console.log(what);
}

 

 

 

 

 

배열 관련

animals = [ "dog", "cat", "bird" ]

 

Array(5).fill(0)	[0,0,0,0,0]
animals.includes("cat")	"cat" 가지고있는지 true, false 반환
animals.indexOf("cat")	1 (없을 시 -1, 배열 안에 객체 또는 배열일 경우 findIndex 이용)
sliced = animals.slice(1,2)	[1, 2) 잘라낸다. animals = ["dog", "cat", "bird"] sliced = ["cat"]
spliced = animals.splice(2,1)	2번부터 1개 잘라낸다. animals = ["dog, "cat"] spliced = ["bird"]
removed = animals.splice(0,2,"drum")	0번부터 2개 잘라내고 그 자리에 "drum", "pet" 추가 animals = ["drum", "pet", "bird"] removed = ["dog", "cat"]

 

*slice: 기존 배열은 건드리지않고 잘라서 반환.

*splice: 기존 배열을 잘라내서 자른 것을 반환.

 

객체 관련

원소 접근 방식

doggy.name

doggy['name']

 

 

배열로 변환

Object.entries(doggy)	[ [키, 값], [키, 값] ]
Object.keys(doggy)	[ 키, 키, 키 ]
Object.values(doggy)	[ 값, 값, 값 ]

let doggy = {
	name: '밀크',
    age: 3,
    sound: 'bow-wow'
}



/*
Object.entries [[키, 값], [키, 값]] 으로 반환
[ 'name', '밀크' ]
[ 'age', 3 ]
[ 'sound', 'bow-wow' ]
*/
for (let what of Object.entries(doggy)) {
    console.log(what);
}
Object.entries(doggy).forEach(n => {
    console.log(n);
})