본문 바로가기

JS/JavaScript 강의67

[JS] 56. Math object 안녕하세요. 박기린 입니다. 이번에는 자바스크립트의 수학 연산관련 내장 객체인 'Math'의 속성과 메소드에 대해 설명해보겠습니다. Math.sqrt() console.log(Math.sqrt(25)); // - 지수가 분수인 수 - console.log(25 ** (1 / 2)); console.log(8 ** (1 / 3)); Math.sqrt(제곱근을 구하고 싶은 Number); Math.sqrt() 함수는 인수로 받은 Number의 제곱근을 구해줍니다. 만약 세제곱근을 비롯한 '지수가 분수인 수'를 계산하고 싶다면, 위의 예제 코드처럼 **(제곱 연산자)에 분수를 넘겨주면 됩니다. Math.max() console.log(Math.max(5, 18, 23, 11, 2)); // 23 console.. 2022. 12. 28.
[JS] 55. Number 타입의 부가적인 내용 (conversion, parsing, checking) 안녕하세요. 박기린 입니다. 이번에는 JS의 Number type의 부가적인 내용을 설명하겠습니다. Number의 동등 연산자 console.log(23 === 23.0); // true JS에서 Number은 부동 소수점 숫자로 이루어집니다. 그래서 정수와 소수 모두를 Number라는 하나의 type으로 관리합니다. console.log(0.1 + 0.2); // 0.30000000000000004 2022. 12. 22.
54. sorting Arrays 안녕하세요. 박기린 입니다. 이번에는 Array를 정렬하는 메소드인 sort()에 대해 알아보겠습니다. Array.prototype.Array() const owners = ['j', 'z', 'a', 'm']; owners.sort(); console.log(owners) // [a, j ,m ,z] 비교함수의 구성 (a, b) => { { a와 b를 비교하는 함수 } } a : Array의 elements 중, 첫 번째로 비교하는 element b : Array의 elements 중, 두 번째로 비교하는 element sort()는 Array의 메소드로, Array 내부 elements를 정렬해주는 함수입니다. sort()는 원본 배열에도 영향을 줍니다. Number에서 sort() const mov.. 2022. 12. 21.
53. includes/some/every 안녕하세요. 박기린 입니다. 자바스크립트의 Array 내장 메소드 중, Array의 elements를 탐색하는 내장메소드인 includes, some, every에 대해 알아보겠습니다. Array.prototype.includes() const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; console.log(movements.includes(-130)); // true Array이름.includes( 찾고자 하는 value, Number : 몇 번째 순서의 elemets 부터 찾을지 ) 첫 번째는 includes() 입니다. includes()가 첫 번째 인수로 받은 값을, includes() 메소드가 적용된 Array의 각 element 마다.. 2022. 12. 20.
52. reduce Method 안녕하세요. 박기린 입니다. Array의 메소드인 reduce()에 대해 알아보겠습니다. Array.prototype.reduce() const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; const balance = movements.reduce(function(acc, cur, i, arr) { console.log(`Iteration ${i}: ${acc}`); return acc + cur; }, 0); console.log(balance); // 3840 Array이름.reduce( 콜백함수, 콜백함수에 들어갈 acc의 초기값 ); 만약 초기값을 설정하지 않는다면, Array의 첫 번째 element를 초기값으로 삼습니다. -> 콜백함수.. 2022. 12. 16.
51. filter Method 안녕하세요. 박기린 입니다. Array의 메소드인 filter()에 대해 알아보겠습니다. Array.prototype.filter() const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; const deposits = movements.filter(function (mov, i, arr) { return mov > 0; }); console.log(movements); console.log(deposits); const withdrawals = movements.filter(mov => mov 콜백함수 구성 function( 배열의 요소가 .. 2022. 12. 15.
50. map Method 안녕하세요. 박기린 입니다. 저번에 소개해드린 forEach()에 이어서, forEach()와 유사하지만 조금 다른 Array 메소드인 map()에 대해 알아보겠습니다. Array.prototype.map() const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; const eurToUsd = 1.1; const movementsUSD = movements.map(mov => mov * eurToUsd); console.log(movementsUSD); Array이름.map( 콜백함수 ); map() 메소드는 콜백함수를 인수로 받습니다. 그리고 Array의 모든 elements에 반복을 돌면서, 콜백함수가 각 element 마다 실행되게 끔 합니.. 2022. 12. 14.
[JS] 49. forEach Method 안녕하세요. 박기린 입니다. for-of문에 이어서, 이번엔 forEach 문에 대해 알아보도록 하겠습니다. for-of 문이었을 때 const movements = [200, 450, -400, 3000, -650, -130, 70, 1300]; for (const movement of movements) { if (movement > 0) { console.log(`You deposited ${movement}`); } else { console.log(`You withdrew ${movement}`); } } movements 라는 Array가 있습니다. 양수일 경우 예금을, 0 또는 음수일 경우 출금으로 인식하는 코드입니다. for-of문의 경우 위처럼 사용합니다. movement라는 변수에 배열.. 2022. 12. 9.
48. Array의 기본 메소드 part.2 (slice, splice, reverse, concat, join, at) Array 내장메소드 part 1. https://arnopark.tistory.com/549 part 2. https://arnopark.tistory.com/499 안녕하세요. 박기린 입니다. 이전에 설명한 Array의 기본 메소드 part.1에 이어서, 자주 사용되는 Array의 내장메소드를 추가로 설명하겠습니다. Array.prototype.slice() let arr = ['a', 'b', 'c', 'd', 'e']; arr.slice(2); // c d e arr.slice(2, 4); // c d arr.slice(-2); // d e arr.slice(1, -2); // b c arr.slice() // a b c d e 2022. 12. 7.