개발공부 기록지

객체 생성방법

// 직접입력
let person = {
  name: "아무개",
  age: 30,
  gender: "남자"
};

//함수 사용
function makePersonObject(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
}

//속성? value 
console.log(person.name) // "아무개"

객체 메소드

// values
const values = Object.values(person); // ["아무개", 30, "남자"]

// keys
const keys = Object.keys(person); // ["name", "age", "gender"]

// entire

console.log( Object.entire(persion)
// Array [Array ["name", "아무개"], Array ["age", 30], Array ["gender", "남자"]]

// assign
const newPerson = Object.assign({}, person, { name: "홍길동" }); // 이름만 바뀌어서 복사

객체 비교

console.log(person === newPerson); // false , object 끼리 연사자 이용해서 비교 불가
console.log(JSON.stringify(person) === JSON.stringify(newPerson)) // true,JSON.stringify 이용해서 비교 가능

객체 병합

const mergedPerson = {...person, ...newPerson};

• spread operator( ... ) : 배열/객체 를 펼쳐서 각 요소를 분리 후, 매개변수 목록으로 만든 다음에  매개변수를 새로운 배열/객체 에 할당함. (참고: https://ko.javascript.info/rest-parameters-spread#spread-syntax )

const arr = [1,2,3];

let arrReverse = [];

for ( let i =arr.length -1; i >=0 ; i --){
	arrReverse.push(arr[i]);
 }
 
 const arrReverse2 = arr.reverse(); // 원본 배열도 순서가 뒤집힌다.
 
 const arrReverse3 = [...arr].reverse(); // 원본배열 복사후 배열순서 바꾸기

Spread operator(스프레드 연산자,  ... )

=> 배열/객체 를 펼쳐서 각 요소를 분리 후, 매개변수 목록으로 만든 다음에  매개변수를 새로운 배열/객체 에 할당함.

const arr = [1,2,3];
const obj = { a: 1, b: 2, c: 3 };
// copy
let arrayCopy2 = array.assign([], arr);
let objectCopy2 = Object.assign({}, obj);
// spread operator
const arrayCopy = [...arr] // array copy
cosnt objectCopy = {...obj} // object copy

const str = "hello"
const strStread = [...str] // ["h", "e", "l", "l", "o"]

=> 복사를 한 배열/객체 안의 요소는 원본과 같다.

=> 하지만, 원본의 값이 바뀌어도 복사된 배열/객체 의 값은 변하지 않는다. ( python 에서 copy.deepcopy 와 같음)

참고 :https://ko.javascript.info/rest-parameters-spread#spread-syntax

array.reduce(callback, initialValue) 로 구성

callback - > (accumulator, currentValue, currentIndex, array)

initalValue (option)

를 구성해서 array 에있는 값을 모두 더 할때 사용된다.

const arr = [1,2,3];

const result1 = arr.reduce((acc,value) => acc += value); //6

const result2 = arr.reduce((acc,value) => {acc += value}, 10); //16
const result2_1 = arr.reduce((acc,value) => acc += value, 10); //16

(참고) https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce