본문 바로가기

javascript/Methods

 (5)
TIL no.54 - array.reduce() : javascript array method 지금까지 map, forEach 를 반복문을 사용할 때 유용하게 사용했습니다. reduce는 위 array 메서드가 할 수 있는 부분을 다룰 수 있으며 더 복잡한 구조도 다룰 수 있는 아주 유용한 메서드입니다. 또한 배열로만 반환하는 것이 아니라 원하는 데이터 구조로 반환하는 것이 가능합니다. 👍🏻 그렇다고 map과 forEach 대신 무조건적으로 사용해서는 안됩니다. 코드의 가독성을 위해 map과 forEach로도 가능한 간결한 코드에서는 적절한 메서드를 사용하는 것이 좋습니다. array.reduce() arr.reduce(callback[, initialValue]) reduce는 첫번째 인자로 콜백함수를 받습니다. 그래서 반복문을 반복하는 숫자만큼 콜백함수가 실행됩니다. initialValue 로..
TIL no.32 array.some(), array.every() : javascript method 아는 만큼 해결할 수 있는 능력이 커진다고 프로젝트를 진행하면서도 더 많은 메소드를 접하고 공부하는 것이 중요할 것 같습니다. array.some() const getSuperCoolTeam = ['프론트하늘', '프론트민승', '프론트보현', '프론트양효', '백소정', '백재용']; const backEnd = (person) => !person.indexOf('백'); getSuperCoolTeam.some(backEnd) // 결과값은 true 입니다. '백'이라는 인덱스를 포함한 person이 두명이나 있기 때문에 결과는 true입니다. array.some은 하나라도 true 라면 true 를 반환하는 메소드입니다. array.every() const numbers = (num) => num <..
TIL no.31 array.filter() 기능 : 쇼핑몰 카테고리 필터 기능 : 리액트 인스타그램을 클론하는 위스타그램 프로젝트를 진행하면서 아이디를 검색하는 필터 기능을 적용해보지 않아서 이번 프로젝트에서 필터 기능이 있는 페이지를 선택하게 되었습니다. 필터 기능은 array 배열에서 조건에 맞는 값들로만 새로운 배열을 만들어주는 메소드입니다. const numbers = [1, 6, 7, 56, 43, 23, 14, 36, 21, 29]; const result = numbers.filter(num => num.length < 30); console.log(result); result = [1, 6, 7, 23, 14, 21, 29] //결과값 위와 같이 원하는 조건을 필터로 걸러주고 result 라는 새로운 배열에 담아 줍니다. 항상 기본 개념은 들으면 이해가 되지만 활용이 참 어려운..
TIL no.25 - 특정 값을 가지고 있는지 알아내는 메소드 : hasOwnProperty(), in JavaScript hasOwnProperty() 메소드는 객체가 특정 프로퍼티를 가지고 있는지를 나타내는 함수로 불리언 값(true 나 false)을 반환한다. const obj = {}; obj.age = 29; console.log(obj.hasOwnProperty('age')); object 안에 해당 property 가 있는지를 알아내는 메소드로 위의 코드는 true 를 return 합니다. includes() 메소드는 배열이 특정한 값을 가지고 있는지를 나타내는 함수로 불리언 값을 반환한다. const arr = [1, 2, 3]; console.log(arr.includes(2)); array 안에 해당 값이 존재하는 지를 알아내는 메소드로 위의 코드는 true를 return 합니다. indexOf() 메소드는..
TIL no.23 - 배열 반대로 뒤집는 함수 Array.reverse() * split(), join() 활용 : JavaScript Array.prototype.reverse() 는 배열의 순서를 반대로 리턴하는 메소드입니다. 예시를 사용해서 어떤 식으로 사용가능 한 지에 대해 이해해보고 활용해보도록 하겠습니다 !🏋🏼‍♀️ reverse() 는 오직 배열만을 뒤집은 반대 순서대로 정렬하여 재배열하는 메소드입니다. 그렇기 때문에 위와 같은 arr 배열을 reverse() 한다면 , 바로 위와 같은 결과를 리턴합니다. -> 배열의 순서를 반대로 재정렬하고 싶을 때 사용합니다. arr 자체에 reverse()를 사용하면 반대로 재정렬 된 arr를 리턴합니다. arr 자체의 값을 바꾸지 않을 것이라면 반대로 재정렬 된 arr의 값을 받을 다른 변수를 생성해주는 것이 좋습니다. ex) let arrReverse = arr.reverse() ;..

티스토리툴바