[JavaScript] 객체란
·
개발/html, css, js
1. 객체(object) 기본 데이터 타입을 제외한 나머지를 모두 객체라고 볼수 있다. 함수, 배열, 정규표현식.... 객체는 key 프로퍼티 : 객체의 상태를 나타내는 값 메서드 : 프로퍼티를 참조하고 조작할 수 있는 동작 const perosn = { name: 'Lee', age: 20 }; let counter = { num: 0, //프로퍼티 increase: function(){ //메서드 this.num ++; } } //중괄호 내에 프로퍼티를 정의하지 않으면 빈 객체 생성 let empty ={}; //객체안에 객체를 넣을수 있다. let student = { list:{a:10, b:20, c:30}, //객체 pring: function(){ console.log("나는 프린트"); }..
[JavaScript] 고차함수
·
개발/html, css, js
1. 고차함수 함수를 인수로 전달받거나 함수를 반환하는 함수 고차함수는 외부상태의 변경이나 가변데이터를 피하고 불변성을 지향한다. 또한 함수형 프로그래밍에 기반을 두고 있다. [1] 고차함수의 종류 (1) sort : 원본 배열을 직접 연결하여 정렬된 배열을 리턴한다.(오름차순) const months = ['March', 'Jan', 'Feb', 'Dec']; months.sort(); console.log(months); // expected output: Array ["Dec", "Feb", "Jan", "March"] const array1 = [1, 30, 4, 21, 100000]; array1.sort(); console.log(array1); // expected output: Array ..
[JavaScript] 월남뽕 게임(카드게임)
·
개발/html, css, js
게임설명 1. 하트,클로버,다이아,스페이드 4개의 문양과 A 2 3 4 5 6 7 8 9 10 J Q K가 적힌 총 52개의 카드가 있다. 2. 배팅을 함 3. 컴퓨터가 2장을 뽑음(랜덤) 4. 내가 한장을 뽑음(랜덤) 5. 컴퓨터가 뽑은 2장의 숫자 사이에 내가뽑은 숫자가 들어간다면 승리 /** 게임 월남뽕 52장 1. 컴퓨터가 2장을 랜덤으로 뽑음 : 하트5 스페이드7, 내가 뽑은 카드 : 클로버3, 5와7사이 값이 안나오면 짐,같은값도 짐) 2. 내가 쓴카드는 빼기 3. 종료조건 : 돈 다 잃거나 17판 A 2 3 4 5 6 7 8 9 10 J Q K */ //카드 모양 4개 const Shape = { 1: "♥", 2: "♠", 3: "♣", 4: "◆", } //전체 카드 갯수(결과값에 이용)..
[JavaScript] 야구게임 만들기
·
개발/html, css, js
1. 배열 사용 버전 let computerPick = []; let userPick = []; let round = 1; //스트라이크 볼 아웃 //컴퓨터 숫자 뽑기 while (computerPick.length
[JavaScript] 로또 번호 뽑기
·
개발/html, css, js
1. for 문 사용 let lottoNumber = []; let lottoResult = []; for (let i = 1; i
[JavaScript] 배열
·
개발/html, css, js
1. 배열(array) 배열이란 여러개의 값을 순차적으로 나열한 자료구조이다. 사용빈도가 높기 때문에 중요하다. 자바스크립트에서의 배열은 일반적인 배열과 다른점이 있다. 일반적인 배열은 인덱스로 빠르게 접근이 된다. 하지만 요소를 삽입, 삭제할때의 효율은 좋지 않다. 반면, 자바스크립트에서의 배열은 해시 테이블로 구현된 객체다. 인덱스로 접근하는 경우 일반적인 배열보다 퍼포먼스가 떨어지지만 요소를 삽입, 삭제할때의 효율은 일반적인 배열보다 좋다. [1] 배열선언, 할당 방법 (1) 생성자 이용 const arrNum1 = new Array(1,2,3,"호호","A"); (2) 선언과 동시에 const arrNum2 = [1,2,3,4,5,6,7,8,9]; (3) 빈배열 const arrNum3 = [];..