JavaScript 배열과 객체

const arr1 = new Array();
const arr2 = [];
const arr3 = [1, 2, 3, 4, 5];
const arr4 = new Array(5);
const arr5 = new Array(5).fill(5)
const arr6 = Array.from(Array(5). function(v(배열의 값), k(배열의 인덱스)) {
	return k +1
})

Output
[]
[]
[1, 2, 3, 4, 5]
[ <5 empty items> ]
[5, 5, 5, 5, 5]
[1, 2, 3, 4, 5

join

const arr = [1, 2, 3, 4, 5, 6];

//join
console.log(arr.join(",")
1, 2, 3, 4, 5, 6

console.log(arr.reverse()); //reverse()를 사용하면 원래 배열에도 여향을 준다.
console.log(arr);
6, 5, 4, 3, 2, 1
6, 5, 4, 3, 2, 1

두 배열 합치기

const arr1 = [1, 2, 3, 4, 5, 6];
const arr2 = [7, 8, 9, 10];
//concat
console.log(arr1.concat(arr2));
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

배열의 끝 부분에 요소 추가 제거 push, pop

const arr = [1, 2, 3, 4, 5, 6]
arr.push(7);
arr.push(7, 8, 9);
[
1, 2, 3, 4, 5,
6, 7, 7, 8, 9
]
arr.pop()
[
1, 2, 3, 4, 5,
6, 7, 7, 8
]
console.log(arr.pop())
7

첫 번째 인덱스에 요소를 추가 제거 shift, unshift

const arr = [1, 2, 3, 4, 5]
arr.shift()
arr.shift()
console.log(arr)
[3, 4, 5]
arr.unshift(10);
[10, 3, 4, 5]

중간에 있는 요소를 삭제 splice

const arr = [1, 2, 3, 4, 5, 6]
arr.splice(2, 2);
// 2번 인덱스부터 2개를 삭제한다.
[1, 2, 5, 6]

배열 순회

const arr = [1, 2, 3, 4, 5, 6]
for (let i = 0, i < 5, i += 1){
	console.log(arr[i])
}
for(초기문, 조건문, 증감문)
1
2
3
4
5
6

//for of

const arr = [1, 2, 3, 4, 5, 6]
for (const item of arr) {
	console.log(item)
}
1
2
3
4
5
6

객체

const obj1 = new Object();
const obj2 = {};
const obj3 = { name : '사마의', company: '위나라' };

객체의 값을 추가, 제거

추가하는 방법
const obj = { name : '사마의', company: '위나라' };
obj['email'] = '[email protected]'; 
obj.phone = '010123';
console.log(obj);
{ 
name : '사마의', 
company: '위나라',
email : '[email protected]',
phone : '010123'
}

제거하는 방법
delete obj.phone

console.log('email' in obj);
true

key 와 value

console.log(Object.keys(obj));
['name', 'company','email', 'phone']
console.log(Object.values(obj));
['사마의', '위나라', '[email protected]', '010123']

객체 순회 for in

for (const key in obj){
	console.log(key, obj[key])
}

name : '사마의', 
company: '위나라',
email : '[email protected]',
phone : '010123'