Array , Object method : 객체안에 프로퍼티로 정의된 함수
Object
-entries
-keys
-values
====================
Array
-push, pop, shift, unshift
-splice
-reverce
-isArray
-length
-at
-includes
-join
-find
-findIndex
-filter
-entries
-forEach
-map
-reduce
Object >>>>>>>>>>>
csont user = {
name: 'Lee',
age: 15,
address: null,
phoneNumber: 01022223333,
}
이런 객체를 생성했을때,
const keys = Object.keys(user);
console.log(keys) // // ['name', 'age', 'address', 'phoneNumber']
이게 나온다.
다들 배열로 리턴, 즉 반환된다. 반환값이 배열임.
예시이다.
-key : 프로퍼티의 key들을 문자열 배열로 반환함 ["key1", "key2", ...]
예)
Object.keys(user);
// ['name', 'age', 'address', 'phoneNumber']
-values : 프로퍼티의 value들을 배열로 반환함 [value1, value2, ...]
예)
Object.values(user);
// ['Lee', 15, null, '01022223333']
-entries : 프로퍼티의 [key, value] 쌍들을 배열로 반환 (2중 배열) [["key1", value1], ["key2", value2] ......]
예)
Object.entries(user);
// [['name', 'Lee'], ['age', 15], ['address', null], ['phoneNumber', '01022223333'],]
Array >>>>>>>>>>>>>>>
알아둬야할 점은,
배열의 원본을 수정하는 메서드들 이 있고, 수정을 안하고 복사본을 떠서 리턴하는 메서드들이 있다.
수정을 하는 메서드들>>
-push : 배열의 마지막에 새로운 요소를 추가. 변경된 배열의 길이를 반환.
-pop : 배열의 마지막 요소를 제거. 제거한 요소를 반환.
-reverse : 배열의 순서를 뒤바꿈. 뒤바뀐 배열을 반환.
-shift: 배열의 첫 번째 요소를 제거, 제거한 요소 반환.
-unshift : 배열의 첫 번쨰 자리에 새로운 요소 추가, 변경된 배열의 길이 반환.
-splice : 배열 요소 삭제, 교체, 추가 , 제거된 요소들을 배열로 반환함. start : 배열 변경 시작 index 부터 몇개를 제거할지, 안적으면 start포함 모두제거
- join: 모든 요소를 연결해 하나의 문자열로 만듦 (인자 안넣으면 ',' 이렇게 되서 리턴됨.)
(원시값만 사용해라, 객체나 배열, 함수 사용하면, 즉 원시값아닌걸 사용하면 참조값이 변경되서 못찾음,
즉, 객체배열함수는 heap 에 저장이 되고, 원시값은 stact에 저장이되고,
아무튼 heap에 저장되는 배열, 또는 객체 함수는, 즉, 그 주소값을 가지게된다. 그게 참고값이고,
즉, 주소값으로 판단하기 떄문에, === 해서 비교하거나 하면, 주소값 비교해봣자 결과가 이상함.)
const arr = [10, 20, 30];
arr.push(40) // 요소의개수는 4 | 요소 arr => [10, 20, 30, 40]
arr.pop(); // 마지막 요소가 40 이고 | 지금 요소는 arr => [10,20,30]
arr.reverse(); // [30, 20, 10]
arr.splice(); //
-reduce
const arr = [1,2,3,4]
// 배열의 인자가 짝수일경우 3 을 곱하고, 홀수면 2를 곱해라.
const result = arr.reduce((acc, cur) =>{
if(cur % 2 === 0) return acc + cur 3;
else return acc + cur 2;
})
// 0, 1
// 0 => false
// 1 => true
수정하지않는 메서드>>
-isArray : 들어온 인자가 Array 인지 판다. 불리언으로 반환함.
-at : index를 인자로 받아 해당 인자에 해당하는 요소를 반환.
-length : 요소들 개수 반환.
-includes : 특정 요소 포함하는지? 있는지? 없는지? 불리언 값 리턴
-find(callback) : (현재 처리중인 요소나 인덱스[]) => 찾을 요소의 조건식 / 이런식임...
-findIndex(callback) :
-filter(callback) : user.filter((user) => user.age > 30); // [{name:'kim', age: 32}]
-forEach(callback) : 반환값 없음.
-map(callback) : 새로운배열반환.
const arr = [1,2,3,4,5,6];
const evenArr = arr.map((item) => {
if (item % 2 ===0) return item;
})
.filter(() => )
-reduce
