[JS] 배열 데이터 (concat, foreach, map, join)
2022. 2. 26. 06:06
개발이야기/JS
배열 데이터를 끝짱내보자. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN JavaScript Array 클래스는 리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역 객체입니다. developer.mozilla.org mpn 문서를 먼저 확인해보면. array부분에 프로토타입의 중간속이있고,랭스라는 속성이 있다. 프로토타입이라는 개념이있으면 []대괄호로 데이터를 손쉽게 만들어내는 리터럴 방식으로 .length라는 속성을 바로 붙여 사용할수있다는 것이다. array의 메소드도 아~~~주 많다. 다 알아볼 수는 없으니 자주 사용하는 메소드만 살펴보자! ...
[JS] 숫자 데이터 (toFixed, .abs, .min, .max, .ceil, .floor, round, random)
2022. 2. 26. 04:31
개발이야기/JS
숫자와 관련된 메소드도 알아보자. .toFixed 소수점 자리가 너무 클때 원하는 소수점까지 제거 할수 있는 메소드다. .toFixed(소수점에 몇 자리수까지 유지할건지) const pi = 3.14159265358979 console.log(pi) const str = pi.toFixed(2) //3.14 .toFixed 메소드를 사용하고나서 콘솔로그로 str 변수를 출력해보았다. console.log(str) // 3.14 console.log(typeof str) // string 3.14가 잘 출력되는 것을 볼 수 있다. 그럼 이 데이터가 과연 숫자 데이터가 맞는지 typeof를 통해 출력해 보았더니..... string 값이 나왔다. 나는 3.14가 숫자데이터로 출력되길 원했는데..? 그때 사용..
[JS] 문자 (String) (.slice, .replace, .match, .trim)
2022. 2. 25. 17:37
개발이야기/JS
String: "", '', `` 문자데이터 '스트링'을 끝짱내보자. 우선 , 스트링에대한 MDN문서를 살펴보면.... -> https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org 페이지 접속 GOGO. 대문자 S로 시작하는 String 이 보인다. String 의 설명을 읽어보면 String 전역(자바스크립트의 전체에서 사용할수있는 객체라는 뜻) 객체는 문자열(문자데이터를 의미) 의 생성자라고 되어있다. 여기서 생성자라는것은 string객체 앞에다가 new라는 ..
[JS] 반복문과 배열 조합
2022. 2. 22. 04:30
개발이야기/JS
반복문과 배열 조합 -> 반복문을 응용하여 사용할때 가장 흔하게 사용되는 조합이다. (치킨과 맥주.. 육회와 소주... 느낌의 조합인가?) 아래 문제를 봐보자. 빈 배열 myArray에 100부터 110까지 요소를 추가하기 문법을 배우긴했지만 아직까지 문제만 봤을땐 어떻게 코드를 만들어야하는지 이해가 안갈때가 있다. 이럴땐 문제를 곱씹어보자. 1. 빈 배열 myArray가 있다 [] 2. 빈 배열 -> [100부터 ~ 110까지 요소 추가한다] 3. 빈 배열 -> [100, 101, 102, 103, 104, 105 ....] 무엇인가를 어떤 조건을 넣어서 반복적으로 처리해야하는것이니.. 반복문을 사용하면 아주 좋겠다 배열 추가 메소드 Array.push() Array.unshift() Array.spl..
[JS] this (일반함수와 화살표함수 차이점)
2022. 2. 17. 16:28
개발이야기/JS
일반함수의 this와 화살표함수에서 this는 다르게 정의된다. 어떻게 다른지 알아보자. 일반함수는 호출 위치에 따라 this 정의! 화살표함수는 자신이 선언된 함수 범위에서 this 정의! 예제1) const leo = { name: 'leo', normal: function () { console.log(this.name) }, arrow: () => { console.log(this.name) } } leo.normal() //leo leo.arrow() //undefined leo라는 변수안에 객체테이터가 할당되어 있다. 여기서 일반함수로 정의된 부분은 호출 위치에서 정의되는데 normal메소드에서 일반함수로 선언했을 때 여기서 사용한 this는 어떤 걸 지칭하는지 알 수가 없다. but 기본적으..