본문 바로가기

매일 해내는 개발/자바스크립트8

[자바스크립트] !! 느낌표 두개 문법 JavaScript에서 !! 연산자는 값을 불리언으로 변환하는 데 사용된다. 일반적으로 값의 존재 여부를 확인하기 위해 사용된다. !! 연산자는 다음과 같이 작동된다. 피연산자의 값을 불리언으로 변환한다. 이후에, 불리언 값이 true일 경우 true를 반환하고, false일 경우 false를 반환한다. 즉, 이 연산자는 항상 불리언 값을 반환하는 것이다. 예를 들어, 다음과 같은 코드가 있다고 가정해보자 const myValue = 'hello'; console.log(!!myValue); // true 위 코드에서 !!myValue는 'hello' 값을 불리언으로 변환한 후, true를 반환한다. 그게 무엇이든 null이나 undefined가 아니고 값이 존재하면 true를 반환한다. 따라서 !! 연.. 2023. 3. 11.
[자바스크립트] javascript sort() 메소드 사용방법 1. sort() 메소드란? Array.prototype.sort() sort()는 배열에서 사용하는 메소드이다. 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 일반적인 다른 언어의 sort()함수와는 다르게 자바스크립트는 원소들을 문자열로 만든 뒤 유니코드 값을 기준으로 정렬하기 때문에 sort()함수만 사용한다면 우리가 원하는 정렬이 나오지 않는다. 2. sort() 구문 arr.sort([compareFunction]) sort()의 구문은 다음과 같다. compareFunction을 생략하게 되면 각 요소를 문자열로 변환해 비교한다. 따라서 compareFunction을 생략하면 정렬은 다음과 같이 이루어진다. let arr = [1, 6, 4, 3, 100]; console.log.. 2022. 11. 17.
[자바스크립트] 정규 표현식 기초 자바스크립트 정규 표현식과 사용방법 1. 정규 표현식 만들기 const re = /a/ //a 한글자 const re2 = /abc/ //abc 세글자 정규 표현식은 다음과 같이 슬래시로 패턴을 감싸서 작성 const re = new RegExp('a') // == /a/ const re2 = new RegExp('abc') // == /abc/ 이는 RegExp 생성자 함수를 사용해서 다음과 같이 표현할 수 있다. 바뀔 수 있는 패턴이나, 사용자 입력과 같이 외부 출처에서 가져오는 패턴의 경우 생성자 함수를 사용하면 좋다. (Using the constructor function provides runtime compilation of the regular expression) 2. 정규 표현식 사용법.. 2022. 11. 15.
[자바스크립트] 배열에서 최대 값 구하는 방법 펼침 연산자, 펼침 구문, spread syntax(...)를 사용한다. 자바스크립트에서 펼침연산자란? 배열에 포함된 항목을 펼쳐주는 역할을 한다. 펼침 연산자 단독으로는 쓰일 수 없고 '...arr'와 같이 펼침연산자 뒤에 배열명이 온다. 마침표 세개(...)로 표시한다. 일반 변수에 담으면 오류가 나기 때문에 객체나 배열에 담아줘야 한다. let arr1 = [1,2,3] let error = ...arr1 // 블록 범위 변수를 다시 선언할 수 없다는 오류가 발생 let correct = [...arr1] // 가능 자바스크립트 배열에서 최대값 구하는 방법 배열은 Math.max() 메서드가 적용되지 않기 때문에 펼침 연산자를 사용해야 한다. let arr = [1,2,3] //arr에서 최대 값을.. 2022. 11. 14.
[자바스크립트] filter(), reduce(), fill(), map() 배열 메서드 정리 1. filter() 2. reduce() 3. fill() 4. map() 1. filter() Array.prototype.filter() filter() 메서드는 배열 각 요소들을 filter 메서드 내부에 기입된 함수에 대입하여 조건에 부합하는 함수만 거르는 기능을 한다. const word = ['sparay', 'limit','elite','exuberant','destruction','present']; const result = words.filter(word=>word.length>6); //words배열에서 6글자 이상인 글자들만 추출하여 배열로 반환 console.log(result); //["exucerant","destruction","present"] ▶프로그래.. 2022. 11. 11.
[자바스크립트] 기본 자료형, 형변환 자바스크립트의 기본 자료형 정리 자바스크립트에서 값은 항상 문자열이나 숫자형 같은 특정한 자료형에 속한다. 자바스크립트에는 여덟 가지 기본 자료형이 있다. 자바스크립트의 변수는 자료형에 관계없이 모든 데이터일 수 있다. 따라서 변수는 어떠한 순간에 문자열일 수 있고 다른 순간엔 숫자가 될 수도 있다. //no error let message = "hello"; message = 123456; 1. 숫자형 정수, 부동 소수점 숫자 등의 숫자를 나타낼 때 사용, 정수의 한계는 ±2의 53승이다. 일반적인 숫자 외에 Infinity, -Infinity, NaN 같은 특수 숫자 값이 포함된다. Infinity는 어떤 숫자보다 더 큰 특수 값, 무한대를 나타내고 NaN은 계산 중에 에러가 발생했다는 것을 나타낸다.. 2022. 11. 9.
[자바스크립트] ES6 set, symbol 자료구조 set, symbol은 Javascript ES6에서 새롭게 도입한 데이터 구조 *map() key와 value를 한 쌍으로 묶는다는 점에서 객체(Object)와 비슷하다 1. Set() 특징 1) 배열과 유사하다. 하지만 배열은 중복된 값을 가질 수 있지만 set은 같은 값을 중복해서 가질 수 없다. 2) 중복해서 같은 값을 추가해도 추가되지 않는다. 그래서 이러한 성질을 이용하여 중복을 제거하는 용도로 사용된다. ex) 복권번호(중복되면 안되는 항목에 적용) 3) 파이썬의 set과 유사하다. 사용법 1) 생성 : new let arr1 = new Set(); 2) 추가 : add arr1.add("추가할 값"); 3) 삭제: delete arr1.delete("삭제할 값"); 4) 초기화: clear.. 2022. 11. 8.
자바스크립트 문법 기초#1 자바스크립트 문법의 기초 첫번째 세미콜론 자바스크립트는 세미콜론 생략이 가능하다. 변수와 상수 -변수 : 변할 수 있는 값을 선언할 때 사용 --> let -상수 : 변하지 않는 값을 선언할 때 사용 --> const 하지만 let은 잘 사용하지 않음! const로 무조건 선언하고 데이터 변경이 필요할 때 잠시 let으로 수정하는 것을 권장함 자바스크립트 변수와 상수 명명규칙 - 첫 글자는 영문자, $, _만 사용할 수 있다. - 첫 글자 이외에는 영문자, $ , _ , 숫자만 사용할 수 있다. - 영문자는 소문자와 대문자를 구분한다. - 자바스크립트의 예약어는 사용할 수 없다.(const, let 등) - 공백 문자를 포함할 수 없다. 원시 자료형 원시 데이터 타입이란 객체가 아니면서 메소드도 가지지 .. 2022. 6. 24.

티스토리툴바