2021-12-01 TIL

🦁 Day24

💻 오늘 배운 것

1. sort(), reverse()

배열의 요소를 사전식 정렬한다. 즉, ASCII 순서로 정렬이 된다.

let fruit = ['peach', 'banana', 'mandarine', 'kiwi'];

fruit.sort(); // [ 'banana', 'kiwi', 'mandarine', 'peach' ]
	      // 사전식 정렬.

let data = [10, 20, 30, 11, 22, 25, 111];
data.sort(); // [10, 11, 111, 20, 22, 25, 30]
            // 값의 크기대로 정렬되는것이 아니라 사전식 정렬이 되는 것임.
data.reverse(); //[ 30, 25, 22, 20, 111, 11, 10 ]
                // 역순. 말그대로 원래 배열 순서의 역순서(역정렬이 아니다!)로 배열을 재구성한다.
data.sort((a,b)=> a-b); // [10, 11,  20, 22, 25, 30, 111 ]
                        // 오름차순 정렬
data.sort((a,b)=> b-a); // [ 111, 30, 25, 22, 20, 11, 10]
                        // 내림차순 정렬

2.Object.keys(), Object.values(), Object.entries()

let person = {
  //key: value
  name: 'Tina',
  age: 10,
  height : 30,
  weight : 40,
  Skill : {'first': 'HTML', 'second': 'CSS', 'third' : 'Javascript'},
}

Object.keys(person); // key값만 출력
                    // [ 'name', 'age', 'height', 'weight', 'Skill' ]
Object.values(person) // value값만 출력
		      // [  'Tina', 10, 30, 40, { first: 'HTML', second: 'CSS', third: 'Javascript' } ]
Object.entries(person) // [key, value] 배열로 출력된다
			// [
                        //    [ 'name', 'Tina' ],
                        //    [ 'age', 10 ],
                        //    [ 'height', 30 ],
                        //    [ 'weight', 40 ],
                        //    [ 'Skill', { first: 'HTML', second: 'CSS', third: 'Javascript' } ]
                        // ]

// Object.entries() 메소드는 주로 for문 돌릴 때 사용된다
for (let i of Object.entries(person)) {
    console.log(i[0], i[1]);
}
/*
name Tina
age 10
height 30
weight 40
Skill { first: 'HTML', second: 'CSS', third: 'Javascript' }
*/

3. 함수 매개변수 기본값

function add(a = 100, b = 200) {
    return a + b;
}

add(10, 20); // 30
add(10); // 210
add(); // 300