일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- join()
- Python
- 메소드
- c#
- Docker Desktop
- JavaScript
- 저장소
- SSL
- 자바
- JS
- 클래스
- synchronized
- 자바스크립트
- Java
- StringBuilder
- thread
- 파이썬
- AssertJ
- GIT
- event
- docker
- Swing
- class
- 프로그래머스스쿨
- 배열
- 객체
- array
- SpringBoot
- Dict
- 스프링부트
- Today
- Total
목록JS (8)
정리노트
HeaderA HeaderB HeaderC HeaderD HeaderA HeaderB HeaderC HeaderD
실행순서 h1 태그 h2 태그 ======================이벤트 활용 (.onload)======================= h1 태그 h2 태그 Header 1
const _ = require('lodash'); // lodash 라이브러리 호출 let arrayB = [{ name: '고구마', price: 1000 }, { name: '감자', price: 500 }, { name: '바나나', price: 400 }]; sortedB = _.sortBy(arrayB, (a) => a.price); console.log("가격 오름차순", sortedB); console.log("원본 데이터", arrayB); // 원본 데이터가 손상(변형)되지 않는다. // 이름을 기준으로 오름차순 정렬하시오. sortedN = _.sortBy(arrayB, (a) => a.name); console.log("이름 오름차순", sortedN);
sort() 메소드는 단순한 배열일 때는 그냥 사용하지만 객체 내부에 있는 특정한 값으로 정렬하고 싶을 때는 매개 변수에 함수를 넣고 대소비교 후 리턴 sort() -> 파괴적 메소드 let arrayB = [{ name: '고구마', price: 1000 }, { name: '감자', price: 500 }, { name: '바나나', price: 400 }]; // 명시적 함수선언 // price 로 정렬 arrayB.sort(function(a, b) { return a.price - b.price; }); console.log(arrayB); // 묵시적 함수선언 arrayB.sort((a, b) => { return a.price - b.price; }); console.log(arrayB); ..
// 클래스를 정의 class Product { // 생성자 정의 ★ 생성자란? new 명령어를 통해 객체 생성시 자동으로 실행되는 메소드 constructor(name = undefined, price = 0) { this.name = name; this.price = price; } // 클래스 내부 메소드 정의 print() { console.log(`${this.name}의 가격은 ${this.price}원 입니다.`) } } // 클래스를 이용하여 객체 생성 let p = new Product("아보카도", 2000); // 생성된 객체를 통하여 속성에 접근하고, 메소드를 실행시킨다. p.print(); console.log(p.name); console.log(p.price); let prod..
// 객체선언과 호출 let fruit = { name: '바나나', price: 1200, suryang: 50 } console.log(fruit.name) // 바나나 console.log(fruit.price) // 1200 console.log(fruit.suryang) // 50 console.log(fruit.suryang * fruit.price) // 60000 for문을 이용한 객체 제어 // for 문을 이용한 객체 제어 // let object = { name : "바나나", price : 1200, color : "Yellow" }; for (let k in object) { console.log(`${k}: ${object[k]}`); // ' 과 ` 구분 } /* Result ..