JavaScript 메소드

1. 객체 메소드

-  Object.keys() : 객체의 속성 이름을 배열로 반환

let fruit = {
name: 'apple',
clolr: 'red'
}
let keys = Object.keys(fruit)
console.log(keys)   // ['name', 'clolr']

-  Object.values() : 객체의 속성 값들을 배열로 반환

let fruit = {
name: 'apple',
clolr: 'red'
}
let values = Object.values(fruit)
console.log(values)   // ['apple', 'red']

-  Object.entries() : 객체의 속성 이름과 속성값들을 2차원 배열로 반환

 

-  Object.assign() : 기존 객체를 복사하여 새로운 객체를 만듦

let fruit = {
name: 'apple',
clolr: 'red'
}
let newFruit =  Object.assign({}, fruit, { clolr: 'red' })
console.log(newFruit)   // {name: 'apple', clolr: 'red'}

 

2. 배열 메소드

- push() : 배열의 끝에 요소를 추가

- pop() :  배열의 마지막 요소를 삭제

- shift() : 배열의 첫 번째 요소를 삭제

- unshift() :  배열의 맨 앞에 요소를 추가

- splice() : 배열의 요소를 삭제하거나, 새로운 요소를 추가

let country = ["한국", "호주", "미국"]
country.splice(1, 2, "파리") // (시작, 끝-삭제, 추가)
console.log(country) // ["한국", "파리"]

- slice() :  배열의 일부분을 새로운 배열로 만듦

let country = ["한국", "호주", "미국"]
let slicedCountry = country.slice(0, 1)
console.log(slicedCountry) // ["한국"]

- forEach() : 배열 numbers의 모든 요소를 출력.  배열의 각 요소에 대해 콜백 함수를 실행

- map() : 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과를 새로운 배열로 반환

let numbers = [1, 4, 6, 8, 9]
let squaredNumbers = numbers.map(function(number) {
return number * number
})
console.log(squaredNumbers) // [1, 16, 36, 64, 81]

- filter() : 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과가 true인 요소만 새로운 배열로 반환

let numbers = [1, 4, 6, 8, 9]
let evenNumbers = numbers.filter(function(number) {
return number < 8
})
console.log(evenNumbers) // [1, 4, 6]

- reduce()

let numbers = [1, 2, 3, 4, 5];
let sum = numbers.reduce(function(accumulator, currentValue) {
return accumulator + currentValue;
}, 0);
console.log(sum);

- find() :  배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과가 true인 첫 번째 요소를 반환

- some() : 배열의 각 요소에 대해 콜백 함수를 실행, 그 결과가 true인 요소가 하나라도 있는지 확인

- every() : 배열의 각 요소에 대해 콜백 함수를 실행하고, 그 결과가 true인 요소가 모든 요소인지 확인

- sort() : 메소드는 배열의 요소를 오름차순으로 정렬

- reverse() : 배열의 요소를 역순으로 정렬. 순서를 뒤집는다

 

새로 알게되는 메소드

 

---

.splice() 메소드 이해하기

https://www.freecodecamp.org/korean/news/javascript-splice-method/

.reduce() 메소드 이해하기

https://bigtop.tistory.com/69