본문 바로가기

Javascript

 (37)
[자바스크립트] 문자열에서 특정요소를 제외하고 제거하기 특정요소를 제외하고 제거하는 방법에는 여러가지가 있겠지만, 이 글에서는 정규식을 이용해 제거하는 방법을 다뤄보려고 한다. 정규식에서 특정 문자를 제외선택하는 방법은 /[^]/가 있다. ^이후에 나오는 문자들을 선택하지 않는다는 의미이다. 만약 문자,숫자,-,.,_를 제외하고서 제거하기를 원한다면 다음과 같이 작성하면 된다. string.replace(/[^\w-._]+/g,'')
[Javascript] parameter default 파라미터에 기본값 미리 설정하기(es6이후버전) 함수를 구현할 때, 파라미터값에 기본값을 설정해줄 수 있다. 2가지 방법이 있다. 첫번째는 ES6이전의 고전적인 방식이고, 두번째는 최신의 방식이다. 예제의 상황을 보겠다. const creatBooking = function (busNum, people, price) { const booking = { busNum, people, price, }; console.log(booking); }; creatingBooking('LH123'); //{flightNum:"LH123", people: undefined, price: undefined} 현재 3가지 파라미터를 가지는 함수를 만들었다. 그리고 3가지 파라미터 중 첫번째, 파라미터에만 값을 넣었다. 그랬더니 나머지 people과 price의 value..
[Javascript] map에 대하여 map은 자바스크립트가 가지고 있는 자료구조 중의 하나이다. map은 object와는 다르게, key의 타입을 다양하게 할 수 있다. object는 string만을 key의 타입으로 가진다. map을 이용하는 가장 쉬운 방법은 empty로 선언하는 것이다. const 맛집 = new Map(); 그러고나서 set을 이용해서 저장하는 방식을 선택하면 된다. - map.set() 맛집.set('name', '아비꼬'); 맛집.set(1, '노원점'); 맛집.set(2, '서초점')); console.log(맛집); //Map(3) {"name" => "아비꼬", 1 => "노원점", 2 => "서초점"} 한번에 여러개를 저장하는 것도 가능하다. 맛집 .set('메뉴판', ['카레라이스', '카레우동', '크..
[Javascript]4가지 데이터 저장방식(array,set,object,map) 의 사용기준 이 이야기를 하기전에 데이터는 주로 어디서부터 받아오게 되는것일까? 프로그램 자체에서 오는 데이터 : 우리가 소스코드로 작성한 곳에서 받게 되는 데이터이다. 유저에게서 오는 데이터 : 유저가 입력하는 데이터로부터 바다오게 된다. 외부 소스 : API와 같은 곳으로부터 데이터를 받아온다. 우리는 이렇게 받아온 데이터를 자바스크립트가 가진 4가지 데이터 구조를 가지고 저장한다. Array, Set, Object,Map이 있다. 그래서 우리는 데이터를 저장할 때마다, 어떤 방식을 선택할지 생각해야 한다. 이 4가지도 크게 1가지 기준으로 나눌 수 있는데, value를 설명하는 key가 필요하냐 필요하지 않느냐이다. key가 필요하지 않고 단순한 list만 필요하다면 array와 sets를 사용한다. value..
[javascript] 배열(array)안에 반복된 내용을 제거하고 싶을 때는 set이용하기 set안에 들어간 요소들은 unique하다. 반복된 내용이 없다. set은 배열과는 다르다. set은 array,object와 같은 iterable(반복가능한)이다. set의 사용법과 예시를 보자. 예)독서모임에 왔다. 각각의 사람들에게 직업을 물어보니 아래 배열과 같이 직업들을 가지고 있다. 모인 사람들의 직업의 종류를 정리해서 확인해보려면 set을 이용하면된다. - new Set() const 모인사람들의직업 = ['디자이너', '개발자','마케터','개발자','디자이너','헤어디자이너']; const 직업의종류 = new Set(모인사람들의직업); console.log(직업의종류); //Set(4) {"디자이너", "개발자", "마케터", "헤어디자이너"} 직업의 수도 확인가능하다. - set.si..

티스토리툴바