본문 바로가기
반응형

언어/Javascript, Typescript39

[js] 문자열 공백 제거 replace() 함수 replace() 함수와 정규식을 이용한 여러가지 문자열 공백 제거 let 변수 = " a b c "; 변수.replace('바꾸고싶은 이전 값', '바뀌는 이후 값'); x라는 앞, 중간, 뒤에 " "공백이 2자리씩 총 6자리의 공백이 있는 문자열이 있다고 하자. let x = ' aa aaaa '; console.log(x, x.length); 출력값 aa aaaa 12 x는 길이는 6개의 a와 공백 6개로 이루어진 12자리로 이루어진 문자이다. 첫 번째로 공백 하나 제거 = .replace(" ", "") /** * 첫 번째 공백제거 * @param str * @returns */ const trimOne = (str) => { const trimStr = str.replace(" ", ""); r.. 2023. 2. 11.
[js] Object(json)에서 key로 value찾기, value로 key 찾기 Object(json)에서 key로 value찾기=Object[key], value로 key 찾기=Object.keys() 활용 Object(json)에서 key값으로 value값 찾기 const objectO = { a:1, b:2, c:3, d:1, }; console.log(objectO["a"]) 출력값 1 Object(json)에서 value값으로 key값 찾기 /** * json에서 value로 key 값 찾기 * @param object * @param value * @returns keys[] */ const objectO = { a:1, b:2, c:3, d:1, }; const getKeyByValue = (object, value) => { const result = []; Objec.. 2023. 2. 10.
[js] Object(json)에서 key, value값 추출 Object(json)에서 key값 리턴 = Object.keys() , value값 리턴 = Object.values() Object.keys() 메소드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환한다. Object.values()메소드는 전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴한다. 이 배열은 for...in 구문과 동일한 순서를 가진다. * 단 순서만 동일하지, for...in반복문은 프로토타입 체인 또한 열거한다는 점에서 차이가 있다. Object.keys() 메소드를 이용한 json객체에서 keys추출 const objectO = { c: 3, b: 2, a: 1, }; console.log(Obje.. 2023. 2. 9.
[js] 빈 값을 가진 json key 제거 /** * 빈 값을 가진 json key 제거 */ const deleteKeyJsonObject = (wantDelteObj) => { Object.keys(wantDelteObj).map((key) => { if (wantDelteObj[key] === undefined || wantDelteObj[key] === null) { delete wantDelteObj[key]; } }); }; const userJson = { name: "홍길동", age: null, major: "", hi: undefined, } console.log("삭제 전: ", userJson) deleteKeyJsonObject(userJson); console.log("삭제 후: ",userJson) 출력값 삭제 전: {.. 2023. 2. 8.
[js] 변수명 표기법 (var, let, cosnt) javascript에서 변수명 표기법 변수명이 해당 변수를 쉽게 설명할 수 있게 하려면 보통 여러 단어로 이뤄질 가능성이 높다. 이때 사용하는 두가지 방법으로 카멜케이스(camelCase) 와 스네이크 케이스(snake_case) 가 있다. 변수명은 몇가지 제약사항을 제외하고 자유롭게 작명할 수 있다. 하지만 일정한 규칙없이 변수명을 만들어가다보면 수 많은 변수를 사용하는 코드 내에서 혼란스럽고, 유지보수에 어려움을 겪을 수 있다. 이러한 점을 극복하기 위해 대표적으로 카멜 케이스와 스네이크 케이스를 사용한다. 카멜 케이스 (camelCase) var camelCase; let userLevel = 1; const userTeamPower = 1; * 단어와 단어 사이를 대문자로 구분하여 사용한다. (단.. 2023. 2. 4.
[js] const, let javascript의 변수 선언 ( const vs let ) javascript에서 변수를 선언하는 방법은 3가지 var, let, const가 있다. 하지만 변수 선언 방식 중 하나인 var는 사용을 지양하기 때문에 아래 코드 블록에는 let으로만 사용하지만 var도 동일하게 사용 가능하다. * 이유는 아래 링크에서 확인이 가능하다. 2023.02.04 - [언어/Javascript] - [js] var vs let [js] var, let javascript의 변수 선언 ( var vs let ) javascript에서 변수를 선언하는 방법은 3가지 var, let, const가 있다. var로 선언한 변수는 let으로 선언한 변수와 유사, 대부분의 경우에 let을 var로, var를 let으로 바.. 2023. 2. 4.
[js] var, let javascript의 변수 선언 ( var vs let ) javascript에서 변수를 선언하는 방법은 3가지 var, let, const가 있다. var로 선언한 변수는 let으로 선언한 변수와 유사, 대부분의 경우에 let을 var로, var를 let으로 바꿔도 큰 문제 없이 동작한다. 하지만 var는 초기 자바스크립트 구현 방식 때문에 let과 const로 선언한 변수와는 다른 방식으로 동작한다. 그로 인해 생기는 문제점들은 아래와 같다. 1. var는 블록 스코프가 없다. var로 선언한 변수의 스코프는 함수 스코프이거나 전역 스코프이다. 블록 기준으로 스코프가 생기지 않기 때문에 블록 밖에서 접근 가능하다. if (true) { var fact = true; } console.log(fact).. 2023. 2. 4.
[js] Nullish coalescing operator(??) Nullish coalescing operator 2023.02.03 - [개발 팁 정리] - ?? Mark(QQ Mark_(Question Question Mark)) ?? Mark(QQ Mark_(Question Question Mark)) const nowData = getData ?? initData console.log(nowData); getData는 외부에서 get 방식으로 받아오는 data (외부에서 받아오는 데이터) initData는 getData가 없을 시에 대신 초기화 해주는 데이터라고 했을 때, nowData kfdd6630.tistory.com QQ마크로 불리는 ??의 정식명칭 Nullish coalescing operator (??) ?? 는 좌측 피연산자가 nullish (nu.. 2023. 2. 3.
[js] null vs undefined null과 undefined의 차이점 typeof null // object typeof undefined // undefined null === undefined // false --> 타입이 다름 null == undefined // true null === null // true null == null // true !null // true !!null // false undefined === undefined // true undefined == undefined // true !undefined // true !!undefined // false * 정의되지 않고 초기화된 적도 없다면 undefined * 존재하지만 값이나 자료형이 존재하지 않으면 null 2023. 2. 3.
반응형

티스토리툴바