본문 바로가기
목차

[TIL]내 머릿속의 코드/적절한 사용처는? (함수, 메소드)3

[배열][flatMap] 이중배열을 단일배열로 변환하고 싶을때 flatMap() 중첩된 배열이나 구조를 하나의 평탄화한 단일 배열로 반환하는 함수입니다.새 배열에 새 요소를 포함하는 배열을 반환합니다. 그래서 중첩된 배열을 단일 배열로 바꿀때 유용하게 사용할꺼 같습니다!       [예시문제] 코테 문제중 기억은 잘 나지 않지만 이런 문제가 있었습니다.이 함수 하나로 간단하게 풀었습니다. [문제][5,1,4] => [5, 5, 5, 5, 5, 1, 4, 4, 4, 4] [2,2] => [2, 2, 2, 2][1] => [1] 출력하는 문제가 있었습니다. const arrNum = [5, 1, 3];console.log(arrNum.flatMap(num => Array(num).fill(num)));      [참고]https://developer.mozilla.or.. 2024. 5. 1.
[공백제거][filter(Boolean)] '_ _ __ 문자' 문자열, 배열 공백을 제거 하고 싶을때 공백이 여러개가 있을때 제거하는 문제를 풀다가falsy값을 이렇게도 사용할수 있다는 것을 알고 정리해 보았습니다..    하나씩 있는 공백제거 문자 열에 공백이 하나씩 있을때는 split과 join을 활용하여 제거 하면 간단하게 할수 있습니다..const text = "맛있는 음식을 먹고있다";text.split(' ').join('');       여러개 붙어 있는 공백제거 문자열에 여러개의 공백이 있는 경우에 유용합니다..split으로 공백을 제거하면, 공백이 없는 ''(falsy) 한 형태로 배열이 만들어 집니다.만들어진 배열을 filter(Boolean) 코드로 falsy한 값을 제거 합니다.filter(Boolean) ==>> Array.filter(element =>Boolean(element.. 2024. 5. 1.
[유효성검사][reportvalidity()] html이 가지고 있는 유효성 검사 규칙으로 간단한 검사할때 사용 할 만한 메소드 ◼ reportvalidity() JavaScript로 HTML Form 요소를 조작할 때 사용할 수 있는 메서드 중 하나입니다. 이 메서드는 Form 요소의 유효성을 검사하고, 검사 결과에 따라 적절한 동작을 수행할 수 있도록 해줍니다. 사용자가 데이터를 입력하고 제출하기 전에 이 메서드를 사용하여 유효성을 검사하여 오류를 감지하고 처리할 수 있습니다. ◼ reportvalidaity() 주로 사용되는 HTML Form 요소의 내장 유효성 검사를 수행합니다. HTML5에서 정의된 유효성 검사 규칙을 지원하는 곳에 주로 사용됩니다. 그래서 간단한 validation을 사용할때 유용합니다. javascript로 만들어진 유효성 검사는 적용이 안됩니다. (html 요소가 가진 유효성 검사 규칙만 적용) [h.. 2024. 4. 19.

티스토리툴바