Skip to content

js_advanced_study #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions 1_solution.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ let name = "신석";

// ? 부분에 예측 값을 작성해주세요(코드 실행 금지)

alert(`hello ${1}`); // ?
alert(`hello ${"name"}`); // ?
alert("hello ${name}"); // ?
alert(`hello ${name}`); // ?
alert(`hello ${1}`); // hello 1
alert(`hello ${"name"}`); // hello name
alert("hello ${name}"); // hello ${name}
alert(`hello ${name}`); // hello 신석
12 changes: 5 additions & 7 deletions 2_solution.js
Original file line number Diff line number Diff line change
@@ -1,12 +1,10 @@
// 2번 문제

let user = {
name: "민서",
years: 21,
};
let user = {name: "민서", years: 21, isAdmin: false};

// 여기에 코드를 작성해주세요
const { name: Name, years: age, isAdmin = false } = user;

alert(Name); // "민서"
alert(age); // 21
alert(isAdmin); // false
console.log(Name); // "민서"
console.log(age); // 21
console.log(isAdmin); // false
7 changes: 6 additions & 1 deletion 3_solution.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,4 +5,9 @@ let user = {
part: "FE",
};

//답 작성
//답 작성
let userjson = JSON.stringify(user);
let userobj = JSON.parse(userjson);

console.log(userjson)
console.log(userobj)
6 changes: 5 additions & 1 deletion 4_solution.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,8 @@ class Person {
getPerson() {
console.log(`이름: ${this.name}, 취미: ${this.hobby}`);
}
}
}

const me = new Person("신석", "러닝");

me.getPerson();
7 changes: 6 additions & 1 deletion 5_solution.js
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
//5번 문제

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const even = numbers.filter(num => num % 2 == 0);

console.log(even)

38 changes: 15 additions & 23 deletions 6_solution.js
Original file line number Diff line number Diff line change
@@ -1,24 +1,16 @@
let arr = [
{ part: "fe", name: "수진", age: 22 },
{ part: "fe", name: "병윤", age: 23 },
{ part: "fe", name: "보연", age: 21 },
{ part: "staff", name: "수빈", age: 24 },
{ part: "be", name: "기현", age: 25 }
];

// 1. staff 제거
arr = arr.filter(member => member.part !== "staff");

// 2. "fe"는 남기되 "보연"은 제거
arr = arr.filter(member => !(member.part === "fe" && member.name === "보연"));

// 3. 나이 내림차순 정렬
arr.sort((a, b) => b.age - a.age);

// 4. 이름만 뽑아 배열 만들기
const names = arr.map(member => member.name);
console.log("최종 이름 배열:", names);

// 5. 이름 한 줄씩 출력
names.forEach(name => console.log(name));

{ part: "fe", name: "수진", age: 22 },
{ part: "fe", name: "병윤", age: 23 },
{ part: "fe", name: "보연", age: 21 },
{ part: "staff", name: "수빈", age: 24 },
{ part: "be", name: "기현", age: 25 }
];

const members = arr.filter(
member => member.part !== "staff" && !(member.part === "fe" && member.name === "보연")
);
const sortedMembers = members.sort((a, b) => b.age - a.age);
const names = sortedMembers.map(member => member.name);

console.log("최종 이름 배열 : ", names);
names.forEach(name => console.log(name));
6 changes: 1 addition & 5 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,7 @@
</head>
<body>
<h1>콘솔 확인용!</h1>
<script src="1_solution.js"></script>
<!--<script src="1_solution.js"></script>-->
<script src="2_solution.js"></script>
<script src="3_solution.js"></script>
<script src="4_solution.js"></script>
<script src="5_solution.js"></script>
<script src="6_solution.js"></script>
</body>
</html>