TIL_220207

코딩알려주는 누나 map함수

• 이름 이니셜만 추출하기 (ex)steven paul jobs

  let data2 = names.map((item) => {
            let splitName = item.split(" ");
            let initial = ('');
            splitName.forEach((nameItem)=> (initial+=nameItem[0]))
            return initial
            })
  console.log(data2); //"spj"

• 름에 같은 글자가 연속해서 들어간 사람을 출력하시오. (예-tt,ff,ll 이런 글자들)

  let data4 = names.filter((item) => {
      let splitName = item.split("");
      return splitName.some((letter, index) => letter == splitName[index + 1]);
  })
  console.log(data4);

  • 작게 쪼개줌 -> 음절하나와 그 다음 음절(index를 줘서 알게 함)이 같으면 [0]번째 문자는 끝냄

  • some은 예를 들어 Bill이라는 글자를 발견하면 바로 다음 것으로 넘어가도록(some은 하나라도 true가 나오는 원소가 있으면 그 시점에서 배열의 순환을 끝낸다)

    
    

• 성을 제외한 이름에 p를 포함한 사람이 있는가?(대소문자 상관 no)

  console.log(
      names.some((item) => {
          let splitName = item.split(" ")
          splitName.pop()
          return splitName.some(eachName => eachName.toLocaleLowerCase().includes("p"))
      })
  )

  • 어절을 끊어줌 (" ") -> 맨 뒤 pop()로 삭제 ->some으로 소문자로 통일된 문자에서 p를 포함한 이름을 찾아낸다
    
  • pop(): 리스트의 맨 마지막 요소를 돌려주고 그 요소는 삭제한다.
  • pop(x): 리스트의 x번째 요소를 돌려주고 그 요소는 삭제한다.
  • toLocaleLowerCase(): 다 소문자로
    
    

• 미들네임이 포함되어있는 사람을 찾으시오.(예-Steven Paul Jobs)

  console.log(names.find(item=>item.split(' ').length>=3))

  • find(): 해당되는 것 1개만 찾음

    ---

    ❗ 와 js에서의 find()와 jQuery에서 find()가 다른거였구나
    js.find() 해당되는 것 1개만
    jQuery.find() 해당되는 것들 다

    jQuery.find() :

• 매개변수 : selector(#id .class 등), element ..

• 요소의 하위에 속한 요소들을 selector, 제이쿼리/자바스크립트 객체를 통해서 가져온다.