자바스크립트 (7) 썸네일형 리스트형 getter,setter getter: 객체의 속성(property)값을 반환하는 메서드 setter: 객체의 속성(property)값을 설정, 변경하는 메서드 const user = { name: 'cho', age: 30, getName() { return user.name; }, setName(value) { //value -> kim user.name = value; } } console.log(user.getName()); // cho user.setName('kim'); 사용이유? 1. 객체 내부 속성에 직접 접근하지 않아서 정보 은닉에 좋다( 보안강화, 코드 안전성 ) 2. 옳지 않은 값을 사전에 방지할 수 있다. -> if문을 사용해서 값을 필터링 할 수 있다.(아래 예시처럼) const user = { name:.. shift() & unshift() & Splice() 자바스크립트 알고리즘 공부를 하다가 보게 된 메서드들 선형시간이니 뭐니 하는데 일단 기본을 알아야지라는 생각에 간단하게 정리하면서 기억하기로 함..❗ 1.Shift() : 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환한다.=> 배열의 길이를 변하게 함 const person=["kim",27,170]; const firstElement = person.shift(); console.log(person); //Array[27,170] console.log(firstElement); "kim" 👇shift()로 배열의 앞 부분에 추가를 할 수 있다. 내가 알고 있던 push() 와 pop()은 배열의 끝자리에 추가와 삭제를 하는 기능이라면 이 메소드는 앞부분 추가다 이렇게 되면 배열의 index가 .. 전개 연산자 코딩 테스트를 해보다가 전개연산자라는 것을 보게 되었는데 잘 알지 못했던 개념이라 정리하겠다. 많은 숫자들 중에 가장 큰 수를 선택하는 문제 였다. function solution(arr) { let answer = Math.min(...arr); // ㄴ코드랑 같은 거: let answer = Math.min.apply(null,arr); return answer; // Math.max(...arr) : 최댓값구하기 } let arr = [5, 7, 1, 3, 2, 9, 11]; console.log(solution(arr)); arr는 배열이고 이 배열을 부를 때 인수로 부를 수 있다. 그냥 Math.min(arr)를 실행하게 되면 => undefined가 나온다! ( 인수만 받을 수 있음) 그래서 .. javascript(class) class : constuctor(생성자)함수의 대체제로 사용할 수 있다. 나오는 결과 값은 constuctor(생성자)와 같지만 내부적으로는 다르게 입력한다. 1.객체호출 먼저, 객체를 만드는 공장같은 constructor의 기능을 class가 대체 할 수 있다. 그리고나서 객체로 호출할때는 new를 붙이는것은 동일하다. 2.class 초기화하는법❗ ▶class의 내의 함수 즉,메소드를 적야할때 function...이라고 쓰지 않는다. sum(){} //이 기호로 함수를 표현한다. ▶class내에서 객체를 초기화 하기 위해 필수적으로 쓰이는 함수가 있다. ✍️constructor class Person(){ constructor(){} //약속이므로 이름을 바꿔서도 안된다. } 🔴🟡🟢중요! new pe.. javascript(constructor) 5.constructor(생성자) 앞에 this를 공부한 것에는 kim의 객체를 하나씩 만들어야하는 점이 있다면 이 constructor를 통해 공장처럼 여러개를 만들 수 있다. 만약 데이터를 추가하고 싶을 경우에는 어떻게 해야할까? 코드가 만약 1억개라면 내가 일일히 다 추가를 할 수 없다! 그래서 이 생성자를 통해 객체를 찍어낼수 있는 공장을 만들어 준다고 생각하면 좋을 것 같다. 그렇게되면 이 공장만 고쳐주면 나머지 객체들은 알아서 고쳐질테니까!..ㅎ 예시) var d1 = new Date(); 위의 코드를 보면 Date()라는 함수는 원래 내장되어 있는 함수이다. 그런데 new라는 것을 통해 새로운 Date라는 객체를 생성할 수 있게된다. function Person(){ this.name='ki.. javascript 공부(this) 4.this var kim={ name : 'kim', first :10, second :20, sum:function(){ return kim.first + kim.second} } console.log(kim.sum()); 만약 이런 코드가 있다면,콘솔창에는 30이라는 답이 나온다. 그러나 이렇게 적을 경우 유연함이 떨어진다. ▶var의 이름이 바뀔 경우, return에 있는 객체이름과 console을 부를때 있는 객체 이름 등 바꿔야 할 것들이 많아진다. 그래서 나온 것이 this 객체 안에 메소드가 있을 때 그 안에서 객체를 지칭할 때 사용한다 즉, 나는! 이라는 뜻 var kim={ name : 'kim', first :10, second :20, sum:function(){ return thi.. javascript 객체(기본구조) 1. 기본 구조 배열(array) : ["..." , "..." , "..."]; 호출 => 배열 이름[순번] 객체(object) : {"..." : "..."} 호출=> 객체 이름. key값 or 객체 이름['key값'] ※수정하기 : 객체 이름. key값=수정할 값; (수정한 값으로 update가능) 삭제하기 : delete객체 이름. 삭제할 key값 2. 반복문 1) while문 var a_list=['kim','lee','jo']; console.group('arrayloop'); var i=0; while(i 대괄호가 중요!!! 3.객체는 언제 쓰나? 비슷한 성질 특성을 가진 변수나 함수들을 그룹핑해서 이름을 붙인 것이 객체(object)이다. 이전 1 다음
