[TIL] D+43 JS 배열과 객체_아직은 좀 추상적인_210713

밍징·2021년 7월 13일
0

TIL_ver.

목록 보기
6/49
post-thumbnail

📌 배열

코드스테이츠를 시작한지 한달하고도 열흘이 지났다. 처음 변수 자료형 문자열 조건문을 시작으로 해서 잠시 html css 를 훑고 지나갔고 이후 개발자들이 많이 활용하는 깃과 리눅스 를 배웠다.
그리고 다시 자바스크립트로 돌아와서 배열과 객체를 배웠다. 배열(array)은 말 그대로 순서가 있는 구조다. 보통은 아래와 같은 형태다.
(여기서 잠깐 빈 배열을 나타낼땐 let result = {}; 이런 형식이다.)

var member = ['egoing', 'k8805', 'sorialgi']

생활코딩에서 프로그래밍이 익숙하지 않은 이들에게 설명을 잘 풀어놓아서
링크를 남겨놓겠다.

생활코딩_배열개념

그리고 배열에서 기억해두면 유용한 메서드들이 있다.

typeof()

데이터 타입 변환해줌(*array는 반환못해줌)

shift()

배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환

unshift()

새로운 배열값 앞에 추가

pop()

배열에서 마지막 요소를 제거하고 그 요소를 반환

Array.isArray()

true/false로 배열인지 아닌지 확인해줌

arr이라는 배열의 첫번째 요소 리턴??

return arr[0]

배열의 마지막 요소 리턴??

return arr[ arr.lenght -1 ]

각 문자를 요소로 뽑아내 리턴??

return Array.from(str)

push()

배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환

배열 중 가장 큰 요소를 뽑을 때

Math.max.apply(null, arr) 또는 Math.max(...arr);

배열 중 짝수만 뽑아내기

arr.filter(number => number % 2 === 0);
-> number(숫자)중에서 짝수를 필터링 한다 의 뜻

위에것들은 모두 코플릿을 풀면서 구글링을 통해 알게 된 것들이 많았다. 역시 구글은 내 영원한 사수다. ^^

📌 객체

배열은 아무래도 이러저러한 유용한 메서드들이 많아서 메서드 하나만으로 값을 구하기 편리했다. 그러나 객체는 처음에 나한테 좀 추상적이었다. 그러나 자료들의 주머니라고 간단하게 생각하기로 했다. 아래에 생활코딩 개념 링크를 남겨놓았으니 나중에 헷갈릴 땐 다시 봐야지

생활코딩_객체개념

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};

바로 위에는 객체의 기본적인 형태다. key값과 valuer값으로 나누어져 있다.
코플릿 문제를 풀 때 종종 빈 문자열을 받으면 빈 객체를 리턴하라는 식의 주의사항이 많아서 빈 객체는 어떻게 표현하나 싶어서 구글링 해봤다.

var grades = { };
또는
var grades = new Object();

개념은 이정도로 끝내놓고 코플릿에 집중하련다.
오늘의 TIL 끝

profile
프론트엔드를 공부하고 있는 디자이너 입니다 :D

0개의 댓글