본문 바로가기

Javascript/이론+예제

(23)
배열 함수 find() find() 얘는 filter() 함수와 비슷한 친구입니다. 같은 점은 조건을 붙히면 그 조건에 맞는 아이를 필터해주는 것인데.. fliter() 는 조건에 맞는 아이를 모두 배열에 담아서 준다면 find() 는 조건에 맞는 아이 중 하나만 string 타입으로 줍니당. 배열로 주지 않아!!!!!!! 예시 봅시다. let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] let result1 = names.find((item) ..
배열 함수 every() every() 얘는 some() 과 같지만 다른 아이. some() 은 1개라도 true라면 true를 주지만, 얘는 빡빡해! 모든 것이 조건에 맞아야지 true 를 준단말이지! 예시! let ceoList = [ {name : "Larry Page", age : 23, ceo : true}, {name : "Tim Cook", age : 40, ceo : true}, {name : "Elon Musk", age : 55, ceo : false} ] let result = ceoList.every((item) => { return item.age == 23 }) console.log(result) ceoList 에 있는 age 가 모두 23이니??? 라고 물어보는거지! 모두 모두! 모두가 핵심이에오 하지..
배열함수 some() some() 이 함수는 true 과 false 즉 불린 값만 반환하는데, filter와 같게 조건을 넣어주면 , 그 조건이 true 인지 false인지 알려줍니당. 예시! let ceoList = [ {name : "Larry Page", age : 23, ceo : true}, {name : "Tim Cook", age : 40, ceo : true}, {name : "Elon Musk", age : 55, ceo : false} ] let result = ceoList.some((item) => { return item.age == 23 }) console.log(result) ceoList에 age가 23인 아이가 있니?! 라고 물어보는겁니다. 그럼 결과는 true let ceoList = [ {n..
배열함수 filter() filter() : 조건을 넣고, 조건에 대해 참인 것만 반환해주는 함수 얘는 map()이랑 비슷하지만, return 하는 곳에 조건을 넣어줘야해 무슨 소리냐면.. let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] let result1 = names.filter((item) => { return item.startsWith('L') }) console.log(result1) 이렇게 names에 있는 아이템 중 L로 시작하..
배열함수 map() map() map.. 요놈은 누구일까? 반환한 값을 배열에 담아 반환해주는 함수이당!! forEach() 와 다른 점은 forEach는 반환값이 없음. map()은 반드시 배열을 반환함. 그래서 return을 적어야함. 그래서 map을 사용하는 예시를 한번 적어보겠습니댜. let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] names.map((item) => { return item }) 이렇게 적으면 names들을 반환은..
배열함수 forEach() forEach() forEach는 매개변수로 함수를 받는다! 왓? 함수가 함수를 받아?? 그렇다 배열 함수는 함수를 매개변수로 받습니다. 예를 들자면, let names = [ "Steven Paul Jobs", "Bill Gates", "Mark Elliot Zuckerberg", "Elon Musk", "Jeff Bezos", "Warren Edward Buffett", "Larry Page", "Larry Ellison", "Tim Cook", "Lloyd Blankfein" ] function printName(item){ console.log(item) } names.forEach(printName) 밑에 보면, forEach 에 내가 만든 함수를 넣어주는거다! printName에 있는 매개변수..
ES6 자바스크립트 최신 문법 정리 객체 초기화 원래 객체를 만들 때 사용했던 방법은 let name = "jin" let age = 17 let person = { name : 'jin', age : 17 } 이렇게 사용이 되었다. 하지만 개발자들은 같은 것을 반복하는 걸 안좋아한다! 그래서 단순하게 만들 수 있는 방법이 바로 객체 초기화 방법이라는 것이당 "변수 이름이 키값이였으면 좋겠다" 라고 생각할 때 사용할 수 있는 방법은 let name = "jin" let age = 17 let person = {name, age}; 이렇게 작성만 해줘도, 알아서 변수에 있는 값이 키의 값으로 들어가게된다. 객체 분해 만들어놓은 객체 안에 있는 값을 다른 변수에 저장하고 싶을 때 사용할 수 있는 방법이다. let person = { name ..