본문 바로가기

Javascript36

[생활코딩] 객체의 기본 / 반복문 생활코딩 www.youtube.com/playlist?list=PLuHgQVnccGMAMctarDlPyv6upFUUnpSO3 객체는 서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것. 저장된 원소의 값을 UPDATE 할 수 있다. 이번에는 manager 객체를 지워보겠다. console.log 부분에 memberObject.name 을 적으면 에러가 난다. . 뒤에는 변수가 올 수 없기 때문이다. 객체속성의 이름이 와야된다. 변수를 적으려면 memberObject[name] 이라고 적는다. ※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부분이 있다면 과감하게 지적 부탁드립니다. 2020. 7. 30.
여행 준비물 점검 목록 만들기 여행 준비물 점검 목록 추가 let itemList = []; let addBtn = document.querySelector("#add"); addBtn.addEventListener("click", addList); function addList() { let item = document.querySelector("#item").value; //value는 input창에 입력된 값을 말한다. if (item !== null) { itemList.push(item); //배열안에 value를 집어 넣을것. document.querySelector("#item").value = ""; //다음 값을 입력하기 편하게 입력창을 리셋 document.querySelector("#item").focus(); }.. 2020. 7. 26.
Array 객체 let myArray = new Array(); Array 객체의 인스턴스를 만든다. concat() : 두 개의 배열을 연결해서 새로운 배열을 만든다. join() : 배열 요소를 연결한다. 구분 구호 지정안하면 쉼표로 구분 push() : 배열의 맨 끝에 요소를 추가한다. ( 배열의 맨 앞에 추가하려면 unshift() 함수를 사용) 반대로 추출할때는 pop() 과 shift()를 사용하는데, pop()은 맨 뒤에 있는 요소를 추출하고 shift는 맨 앞에 요소를 추출한다. splice() : 배열의 중간 부분 요소를 추가하거나 삭제할 수 있고, 한꺼번에 2개 이상의 요소를 추가하거나 삭제할 때 사용한다. 일단 인수가 1개일 경우는 인수가 가리키는 인덱스의 요소부터 배열의 끝 요소까지 삭제한다. 인수.. 2020. 7. 26.
생성자 함수를 사용해 객체생성 항상 필요한 속성과 함수는 틀처럼 미리 만들어 두고, 필요할 때마다 그 틀을 복제한 인스턴스를 만들어 해당 정보값을 담기 위해 사용한다. ※ 생성자 함수 안에 객체의 속성과 함수를 정의할 때는 this 예약어 다음에 마침표와 속성 이름을 입력한다. function People(name,id,age,address){ this.name = name; this.id = id; this.age = age; this.address = address; } const member = new People('만수르','money',33,'이태원'); document.write(`${member.name}`); document.write(`id : ${member.id}`); document.write(`나이 : ${me.. 2020. 7. 24.