Javascript (7) 썸네일형 리스트형 Javascript (6) Repeat Javascript에서 string을 반복해서 출력해야 될 때 repeat() method가 아주 유용하다 그럼 바로 간단한 예시를 보며 어떻게 사용하는지 확인해보자 예) 이렇게 string 값. repeat(반복 횟수)를 넣어준 뒤 실행을 시키면 결과가 잘 나오는 걸 볼 수 있다 Javascript (5) Object.keys vs Object.values Object를 풀어낼 때 object.keys를 사용한다 바로 예시를 봐보자 예) 이렇게 stuff object를 만든 뒤 fruits, countries array들을 만들어주었다 여기서 Object.keys(object 이름) 은 array의 이름을 출력해 주고 array를 출력하려면 Object.values(object 이름을 쓰면 된다 예) 이렇게 Object.values()를 쓰고 실행시킨 뒤 console을 보면 array가 잘 나온 걸 볼 수 있다 그럼 각 Javascript (4) DOM DOM은 Document Object Model의 약자이다 간단하게 설명을 하면 웹페이지의 구조와 컨텐츠들을 구조화시켜 표현한 프로그래밍 인터페이스이다 DOM으로 인해 프로그램들이 문서의 구조, 스타일, 콘텐츠를 바꿀 수 있는 것이다 예를 들면 자바스크립트를 쉽게 웹페이지에 접근하고 조작할 수 있게끔 연결해 주는 역할을 한다고 보면 된다 DOM은 계층적 구조와 정보로 이루어져 있고 property와 method를 포함한 tree data structure이다 Javascript (3) Splice Splice는 배열 안에 있는 element를 지우거나 추가할 수 있다 splice() 함수는 배열이름. splice(시작점 index, 몇 번째 index까지 지우기, 추가할 정보) 이렇게 되어있다 이제 예시를 보자 예) fruits array에 과일 이름을 넣고 splice를 통해 첫 번째 index에서 1번째 index까지 지우도록 설정했다 코드를 실행시킨 뒤 console을 확인해 봤더니 watermelon이 지워진 걸 확인할 수 있다 다음으로 strawberry와 mango 사이에 banana를 넣고 싶다고 가정하고 코드를 짜보자 예) line 4를 보면 2번째 인덱스에 아무것도 지우지 말고 "banana"를 추가하라고 설정을 해주고 실행시킨 뒤 console을 보면 잘 출력된 걸 확인할 수 있다 Javascript (2) Filter Filter은 array를 특정 옵션에 따라 새로운 배열을 만들어낸다 바로 예시를 보자 예) fruits 배열을 만들고 newFruits에 fruits.filter()을 써서 새로운 배열을 만들어냈다 fruits.filter()에서 fruit는 배열 안에 있는 각 element을 말하는 거다 (grape, watermelon, 등등) 따라서 fruit, 즉 element = apple을 새로운 배열로 만들라는 뜻이다 Javascript(1) Slice Array를 잘라낼 때 slice를 사용한다 예) slice(index 시작점, index 도착점) console 에는 grape가 찍히는 걸 볼 수 있다 그럼 조금 더 심화로 들어가서 fruits 배열 안에 있는 apple을 pineapple로 바꾸려면 어떻게 해야 되는지 알아보자 예) 우선 apple의 index를 targetIndex로 지정해 줬다 이후 firstPart = slice를 이용해 index 0부터 apple index 전까지 만들어주고 lastPart = targetIndex+1, 즉 targetIndex 다음에 오는 elements들을 넣어준다 참고로... firstPart와 같이 배열 앞에... 를 붙여주면 배열 안에 있는 elements들을 풀어준다 즉 [... firstPart.. Javascript (0) Array.isArray() Array.isArray()는 넣어준 값이 array인지 확인해 준다 예) 이렇게 hi라는 array를 만들고 Array.isArray()로 확인해 보니 true가 나온 걸 확인할 수 있다 예) 반대로 hi라는 number을 만들고 Array.isArray()로 확인해 봤더니 false가 나온 걸 볼 수 있다 이전 1 다음
