본문 바로가기
반응형

Programming Language/Javascript47

[Javascript] 배열 요소 중복을 없애고 싶을땐? Set 객체를 사용해보자 set 객체는 값 콜렉션입니다. 자료형에 관계없이 유일한 값을 저장할 수 있습니다. 또한 값을 넣은 순서대로 iterate(순회)가 가능합니다. 하단 예시처럼 Nan과 undefined도 Set에 저장할 수 있습니다. 원래 NaN !== NaN 이지만, Set에서 NaN은 NaN과 같은 것으로 간주합니다. 중복 요소가 있는 배열을 Set에 넣으니 중복 요소가 사라지는 것을 예시에서 확인해 보세요. const letters = new Set(["a", "b", "c", "a", "NaN", "NaN"]); // 결과 --> Set(3) {'a', 'b', 'c', NaN} 참고 자료 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global.. 2023. 2. 8.
[Javascript] 템플릿 리터럴 사용법 기초, 달러(${})와 벡틱(`) Template literals 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 내장된 표현식은 달러와 중괄호 (${}) 로 표기하며, 문자열 리터럴은 이중 따옴표(")나 작은 따옴표(') 대신, 벡틱(`)을 이용하여 표현합니다. 관련 기능들은 아래 목차에 정리해 두었습니다. 예제를 보면 기능을 금방 파악할 수 있습니다. 목차 1. 문자열 표현 기능 2. 여러 줄 문자열 표현 기능 - Multi-line strings 3. 템플릿 리터럴 안에서 벡틱(`)을 그대로 표현하는 방법은? 4. ${} (자리 표시자)에 표현식 삽입하여 문자열 보간 기능 - Expression interpolation 5. tag를 사용하여 템플릿 리터럴을 함수로 파싱 하는 기능 - Tagged templates 6.. 2023. 2. 8.
[Javascript] Json 생성 시 key 값에 변수를 담고 싶을 때는? JSON Key 동적 할당 먼저 오브젝트 {} 를 생성합니다. key값으로 정하고 싶은 데이터가 담긴 변수를 대괄호 [] (object braket notaion)에 담습니다. 그리고 value 값을 할당해 줍니다. 아래 예시 2개 참조해 주세요. example2를 더 많이 찾으실 것 같네요들. /*example1*/ let obj = {}; let user_data = 'orange'; obj[user_data] = "good"; /*example2*/ let arr = ['banana', 'apple', 'bean']; let new_arr = []; for (let i = 0; i < arr.length; i++){ let obj = {}; obj[arr[i]] = i; new_arr.push( o.. 2023. 1. 20.
[Javascript] 여러 개의 dom요소 중, :check된 요소가 몇 번째인지 아는 법 웹 개발자가 반드시 알고 있어야 하는 필수 기본 코드. html에 라디오 버튼 여러개 만들고 조작하기 원하시는 분들 있지요. 아래 코드는 내가 체크한 라디오 버튼 요소를 가져다가 사용하고 싶을 때, 또 내가 체크한 라디오 버튼이 같은 name의 라디오 버튼 중 몇 번째 순서에 있는지 알고 싶을 때 사용합니다. 꼭 라디오 버튼이 아니더라도, 같은 class name을 가진 dom요소 들을 조작할 때 등에 사용할 수도 있지요. /*여러 개의 라디오버튼 중 체크된 요소 추출*/ let $checked_radio = $("input[name=user_radio]:checked"); /*여러 개의 라디오버튼 중 체크된 요소가 몇 번째인지 추출*/ let $checked_index = $("input[name=us.. 2023. 1. 18.
[Javascript] 내 인생 몇 주 차인지 구하기 let today = new Date() let birthday = new Date(1990, 6, 27) let diff = today - birthday let life_days = diff / (1000*60*60*24) let life_weeks = life_days / 7 console.log(life_weeks) life_weeks 출력해 보면 1694.1273435532407가 나온다. 올림 해서 1695주 살았다. 꽤 많이 살았다. 이윤규 변호사 책 읽다가 필받아서 혼자 계산해 봤다. 2023. 1. 13.
반응형