분류 전체보기474 JS데이터 - 배열 2 .filter(): 지정한 배열안의 데이터를 필터링하여 조건에 맞는 데이터를 반환한다 // .filter() // 지정한 배열안의 데이터를 필터링하여 조건에 맞는 데이터를 반환한다 const numbers = [1, 2, 3, 4] const fruits = ['Apple', 'Banana', 'Cherry'] const a = numbers.map(number => { // true, false 반환 return number { // 3보다 작은 데이터만 반환하여 새로운 배열에 입력 return number < 3 }) console.log(b) 화살표 함수 최적화 코드로 변환 // 화살표 함수 최적화.. 2021. 5. 29. JS 데이터 - 배열 배열은 순서 번호가 0부터 시작 index(인덱스): 배열의 데이터 위치 숫자 indexing(인덱싱): 배열의 숫자를 넣어 조회하는 행위 item, element(요소): 배열의 각 데이터들을 의미 // 배열 데이터 생성 const number = [1, 2, 3, 4] const fruits = ['Apple', 'Banana', 'Cherry'] console.log(number) // 첫번째 데이터 출력 console.log(number[0]) console.log(fruits) // 마지막 데이터 출력 배열 api 배열 api 참고 사이트 (array mdn 검색) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Obj.. 2021. 5. 29. JS 데이터 - 숫자(수학) toFixed(숫자): 소수점이하 지정한 숫자 자릿수 까지만 출력(문자 데이터로 출력) typeof: 변수의 타입을 확인 const pi = 3.141592 const str = pi.toFixed(2) console.log(str) console.log(typeof str) parseInt(), parseFloat(): 특정 문자 변수를 형변환 시킨다(전역함수) const integer = parseInt(str) const float = parseFloat(str) console.log(integer) console.log(float) console.log(typeof integer, typeof float) 수학 함수 (api) 수학 함수 참고 사이트(검색 math mdn) https://devel.. 2021. 5. 29. JS 데이터 - 문자 참고 사이트(검색어 string mdn) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org // JS 데이터 - 문자 // 문자위치값을 가져오는 함수 0부터 시작, 찾지못하면 -1 반환 const result = 'Hello World!'.indexOf('World') console.log(result) const str = '0123' // 글자 길이를 출력 console.log(str.length) console.log('12 33'.length) con.. 2021. 5. 28. 상속(확장) 객체지향에서의 상속은, 속성의 상속이 아닌, 하위로 내려갈 수록 구체화 되는 것이다. 상속의 효과 프로그램 구조에 대한 이해도 향상: 최상위 클래스의 구조를 보고, 하위 클래스의 동작을 이해 할 수 있다. 재사용성 향상: 상속을 이용하여, 해당 클래스에 필요한 속성 및 메소드를 모두 정의 하지 않고, 상속을 받아서 사용할 수 있다. 확장성 향상: 일관된 형태의 클래스 객체를 추가 할 수 있어, 간단하게 프로그램 확장이 가능하다. 유지보수성 향상: 각 객체마다, 자신의 메소드를 정의 하고 있다면, 코드 수정에서 많은 작업이 필요하지만, 상속을 사용한 경우 일관된 형태로 작성이 가능하다. 특정 클래스를 상속 받는 클래스를 생성 할 수 있다 extends 사용 class Vehicle { constructor.. 2021. 5. 28. ES6 Class 기존 문법을 ES6 Class로 바꾸는 예제 // ES6 Classes const happy = { name: 'happy', normal(){ console.log(this.name) }, arrow: () => { console.log(this.name) } } happy.normal() happy.arrow() // function User(first, last) { // this.firstName = first // this.lastName = last // } // User.prototype.getFullName = function () { // return `${this.firstName} ${this.lastName}` // } class User { constructor(first, las.. 2021. 5. 28. 이전 1 ··· 49 50 51 52 53 54 55 ··· 79 다음
