코딩공부/Java Script 5

알고리즘에서 자주 등장하는 배열함수 forEach, map, filter, reduce 정리

array.forEach() 반환값이 없는 것이 특징이다. 각각 배열안의 모든 요소를 실행한다. 새로운 배열에 할당하는 것이 아니기 때문에 원본 훼손의 문제로 map을 사용하는게 추세가 아닐까라고 개인적으로 생각한다. 사실 둘의 차이를 잘 모르겠다. numbers.forEach(num => console.log(num)) array.map() 각 요소를 모두 맵핑하고, 새로운 배열을 만들어낸다. const triple = numbers.map(num => num%2) console.log(triple) array.filter() filter()함수 안에 있는 함수를 통과(true)하는 요소만 새로운 배열에 반환한다. const doubleNumber = numbers.filter(num=>num%2) c..

[노마드코더] 바닐라JS로 크롬 앱 만들기

불리언 true = 켜져있음 false = 꺼져있음 null = 비어있음 undefined = 변수가 메모리에 만들어져있고 인지하고 있지만 값이 없음 배열 const days = ["mon", "tue", "wed"]; days.push("thu"); 객체(objects) const player = { name: "nico", points : 10, fat: true }; player.lastname = "potato"; player.points = 15; console.log(player.name, player["points"]); 함수(function) 코드를 어떤 코드를 캡슐화해서 그걸 계속 반복해서 사용할 수 있도록 하는 것 반복 실행 싶은 걸 만든다 ()으로 함수를 실행한다. ()에 정보를 담아..

자바스크립트 기초문법 정리(스파프타코딩클럽)

https://www.notion.so/bd5a947d2d634d44b7545597579d9672#4cf35bf052b44dd2a23420b9687786d8 [스파르타코딩클럽] 파이썬 문법 뽀개기 [스파르타코딩클럽] 자바스크립트 문법 뽀개기 매 주차 강의자료 시작에 PDF파일을 올려두었어요! www.notion.so Class 선언 [CSS의 클래스와 다른 의미! 객체지향!] 클래스는 객체를 생성하기 위한 템플릿이다. class를 통해 원하는 구조의 객체 틀을 짜놓고, 비슷한 모양의 객체를 공장처럼 찍어낼 수 있다. 쉽게 생각해서 클래스 = 붕어빵 기계, 그리고 객체 = 붕어빵 으로 보면 된다. class Notebook { constructor(name, price, company) { this.nam..

자바스크립트 퀴즈1

에 감싸져 있는 상황 ' 반 가 워 요 '.trim() //공백제거 '안녕,바이'.split(',') //특정요소 제거 0) for of 와 for in const fruits = ['사과', '감', '배'] for (const 요소 of fruits){ console.log(요소) } for (const 인덱스 in fruits){ console.log(인덱스,fruits[인덱스]) } 1) 이름을 입력받아서 환영인사를 화면에 출력해주세요. let name = prompt( "이름을 입력하세요"); document.write("환영합니다. " + name + "님"); 2) 원하는 과일을 입력받아 가격안내하기 let name = prompt("원하는 과일을 입력하세요"); console.log(nam..