array (5) 썸네일형 리스트형 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가 나온 걸 볼 수 있다 ReactJS (7) Map Array 안에 있는 정보를 펼쳐서 보여주고 싶다면 map을 사용하면 된다 예) 이렇게 coins는 array안에 각 코인 정보가 담겨있는 object들로 구성이 되어있다 그럼 이제 각 코인 정보들을 map을 사용해서 빼내보자 예) 우선 javascript 코드를 쓰기위해 {}로 열어준 후 map을 쓴다 coins.map((coin) => ()) 여기에서 coin은 바로 각각 빼내온 Object를 뜻한다 그래서 이 각각 빼내온 코인 object들을 ul (unordered list)로 만든다 여기서 기억 해야될건 ul 안에 key props를 넣어줘야 된다 key props는 고유한 id를 가져야 한다 다른 object랑 key가 중복되면 안 됨 그 후 coin.name을 통해 코인 이름들을 넣어준다 코.. 이전 1 다음
