foreach

Level 3 : 9 장바구니버튼 구현하기(localStorage, array, forEach, JSON)

9. 장바구니 기능 만들기 조건 장바구니 버튼을 누르면 localStorage에 배열 형태로 상품이름이 담기고, cart.html을 따로 만들어 해당 html에 상품이 뿌려지도록 만들기 풀이 상품리스트 // 여러개의 장바구니 버튼들을 buttonCarts 변수로 선언 let buttonCarts = document.querySelectorAll('.btn-cart'); // buttonCarts 안의 각각의 buttonCart elements들에게 함수를 실행 buttonCarts.forEach(function(buttonCart){ // buttonCart를 클릭하면.. buttonCart.addEventListener('click', function(){ // localStorage의 cart를 ke..

[mdn, 코딩애플 등] for, forEach, for in

for 일반적으로 지정된 횟수만큼 반복할 때 사용한다. 예를 들어 배열의 인덱스를 기반으로 반복을 수행해야하는 경우에 사용할 수 있다. forEach forEach문은 배열을 순회할 때 사용한다. forEach문은 배열의 각 요소에 대해 함수를 실행한다. forEach문은 첫번째 파라미터인 element를 기준으로 index를 받아오기 때문에 index로 array에 접근하는 것은 비효율적이다. 또한 break, continue 등의 제어문을 사용할 수 없다. 화살표함수 버전/일반버전 화살표함수를 쓰면 함수 내의 this값을 바깥에서 가져와 쓰기 때문에 주의. const array = ['a', 'b', 'c']; array.forEach(element => console.log(element)); co..

Level 3 : 4 (array, object, forEach)

4. 바지 선택하면 array에 저장한 바지사이즈 셀렉박스 만들기 조건 바지를 선택하면 array에 입력한 데이터가 사이즈 셀렉박스에 자동으로 추가되어야 한다. 틀린 풀이 상품 선택 모자 셔츠 바지 100 let pants = [28, 30, 32]; let selectBox = document.querySelector('.form-select'); let selectSize = document.querySelector('.form-popup'); function pantsSize() { if (selectBox.value == '바지') { selectSize.classList.remove('form-hide'); for (i = 0; selectSize.length = pants.length; i++..

[드림코딩, comp110 외] 매개변수 (parameters)와 나머지 매개변수(rest parameters)

매개변수(Parameters) primitive parameters (value를 전달) object parameters (reference를 전달) function changeName(obj) { obj.name = 'coder'; } const noran = {name : 'noran'}; changeName(noran); console.log(noran); 나머지 매개변수(rest parameters) function printAll(...args) { for (let i = 0; i < arg.length; i++) { console.log(arg.[i]); } } printAll('noran','javascript','goodcoding'); 매개변수 앞에 ...를 붙이면 배열 형태로 전달된다...