![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FSPjZA%2FbtrEJ5OAZMp%2FIYWJ0K6Ys21owJGkUn5bOk%2Fimg.jpg)
[JS] 배열 데이터 (filter, find, findIndex, indexOf, includes, push, unshift, reverse, slice, splice)
2022. 2. 26. 07:31
개발이야기/JS
배열 데이터의 중요한 메소드만 살펴보려고 했는데..... 중요한게 너무 많다....!! 이번 시간을 마지막으로 진짜 배열데이터 끝짱내자. .filter() filter란 이름그대로 배열 데이터 안에 들어있는 아이템들을 특정한 기준에 의해서 필터링을 하는 것. 그리고 filter된 아이템들을 새로운 배열 데이터로 반환한다. const numbers = [1, 2, 3, 4] const fruits = ['apple', 'banana', 'cherry'] const a = numbers.map(number => { return number number < 3) console.log(a) 위의 코드를..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fm5o9B%2FbtrEHj1ukaE%2FNlDoRdSzJRzS3nRVyZFIVk%2Fimg.jpg)
[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의 메소드도 아~~~주 많다. 다 알아볼 수는 없으니 자주 사용하는 메소드만 살펴보자! ...
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzAEw5%2FbtrEJb2qTY5%2FtySCqpphxnkYUyT1QSqBkk%2Fimg.jpg)
[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가 숫자데이터로 출력되길 원했는데..? 그때 사용..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbnLwHc%2FbtrEIs4OtFQ%2FLSa654NvQqJK5NXjgF3hu1%2Fimg.jpg)
[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라는 ..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FObrB0%2FbtrEzKFAtOv%2FMqOJqYJbbm56NAlLjRmyt1%2Fimg.jpg)
[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..