231021) TIL #5 FETCH, FILTER

한창 개인프로젝트하면서 내가 쓴 뒤죽박죽개죽이 코드를 보면서 하나하나 이해해가고 있다. 

사실 토요일에 알바+약속이 생겨서 못쓸수도 있을거같아 새벽에 쓴다.

 

1)FETCH

 

예문

fetch('https://api.openweathermap.org/data/2.5/weather?lat={lat}&lon={lon}&appid={API key}&units=metric')
  .then(function(response) {
    return response.json();
  })
  .then(function(myJson) {
    console.log(JSON.stringify(myJson));
  });

내가 날씨어플 만들려다가 아직 권한을 못받아서 멈춘 FETCH 코드다. 첫째줄 사이트로 요청을 보내고 받은 JSON을 MYJSON에 저장하고 JavaScript 객체로 파싱( JSON 문자열을 JavaScript 객체로 변환하는 것 )해서 읽을 수 있게 만듦.

마지막 console.log(JSON.stringify(myJson));에서 JavaScript 객체인 myJson을 다시 json문자열로 변환하여 출력함.

 

 

2)FILTER

 

예문

function moviesearch(searchValue) {
  const filtering = moviesData.filter((movie) =>
    movie.original_title.toUpperCase().includes(searchValue.toUpperCase())
  );

기본구문

const newArray = array.filter(callback(element[, index[, array]])[, thisArg]);

이번에 필수로 구현해야하는 메서드 중 하나인 FILTER 다. 이름값하는 기능을 한다. 배열 내 요소를 필터링 해서 새로운 배열을 생성해낸다. 

 

const numbers = [1, 2, 3, 4, 5, 6];

// 짝수만 필터링하여 새로운 배열을 생성
const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

console.log(evenNumbers); // [2, 4, 6]

사실 기본구문보면 이해가 잘 안되는데 주워온 위 예시구문보면 이해가 잘 된다. FUNCTION처럼 FILTER(){}이런 형식으로 쓰면 될 듯.