[JavaScript] 간단한 숫자 3자리 마다 , 표기 방법 toLocaleString()
2023. 4. 7. 20:06
프로그래밍/JavaScript
숫자 3자리 마다 , 구분하여 표기하는 방법 toLocaleString() 함수 사용하기 toLocaleString() 함수란? 숫자, 날짜 및 시간 값에 대한 locale별 문자열 표현을 생성 현재 실행되는 컴퓨터의 locale에 따라 문자열을 반환 const num = 1234567.89; console.log(num.toLocaleString()); // "1,234,567.89" (기본 로케일에 따라 출력) 만약, 특정 locale을 사용하려면 toLocaleString() 함수에 로케일 매개 변수를 추가하면 됨 예시 → 한국 const num = 1234567.89; console.log(num.toLocaleString("ko-KR")); // "1,234,567.89" (한국 로케일에 따라 ..
[JavaScript] 배열 메소드 some()
2023. 3. 24. 20:51
프로그래밍/JavaScript
Array.prototype.some() some() 메서드는 배열 안의 요소가 주어진 판별 함수를 하나라도 통과하는지 테스트함 만약 배열에서 주어진 함수가 하나라도 true이면 true를 반환 모두 false인 경우에만 false 반환 이 메서드는 배열을 변경하지 않음 const array = [1, 2, 3, 4, 5]; // Checks whether an element is even const even = (element) => element % 2 === 0; console.log(array.some(even)); // Expected output: true 참고자료: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_O..
[JavaScript] '??' 널 병합 연산자(nullish coalescing operator)
2023. 3. 16. 21:08
프로그래밍/JavaScript
'??' 널 병합 연산자 nullish 병합 연산자는 짧은 문법으로 여러 피연산자 중 그 값이 ‘확정되어있는’ 변수를 찾을 수 있음 예를 들어 a의 값이 없으면 b의 결과를 찾는 코드를 작성해보자 a가 null 혹은 undefined가 아니면 a 그 외의 경우는 b // nullish 병합 연산자 a ?? b // 삼항 연산자 (a !== null && a !== undefined) ? a : b; 위와 같이 삼항 연산자로 표현하는 것보다 훨씬 간단하게 표현이 가능함 '??'와 '||'의 차이 nullish 병합 연산자는 OR 연산자 ||와 상당히 유사함 실제로 위의 예시를 ||로 바꿔 표현해도 동일한 결과가 나옴 두 연산자의 차이점? ||는 첫 번째 truthy 값을 반환 ??는 첫 번째 정의된 값을 ..
[JavaScript] byte 수로 문자열 자르기
2023. 3. 7. 20:55
프로그래밍/JavaScript
byte 수로 문자열 자르기 const str = '10센치는 권정열'; function sliceStringByByte(str, byteLength) { const encoder = new TextEncoder(); let currentByteLength = 0; let i = 0; while (i < str.length && currentByteLength < byteLength) { const charCode = str.charCodeAt(i); const byteCount = encoder.encode(str[i]).length; currentByteLength += byteCount; i++; } return str.slice(0, i); } console.log(sliceStringByByte..
[JavaScript/jQuery] 강제로 클릭이벤트 발생시키기
2023. 2. 21. 20:23
프로그래밍/JavaScript
클릭이벤트를 강제로 발생키는 방법 만약 clickBtn이라는 id를 가진 버튼을 강제로 클릭이벤트를 발생시키고자 한다면, JavaScript 또는 jQuery를 통해서 이벤트를 발생시킬 수 있음 클릭 JavaScript document.getElementById("clickBtn").click(); jQuery $("#clickBtn").trigger("click");
[JavaScript] 자바스크립트 !! 연산자
2023. 1. 16. 20:02
프로그래밍/JavaScript
!! 연산자 다른 타입의 데이터를 boolean 타입으로 명시적으로 형 변환하기 위해 사용 조건문 예시 if("test")// true if(!"test")// false if(!!"test")// true if("")// false if(!"")// true if(!!"")// false if(null)// false if(!null)// true if(!!null)// false if(true)// true if(!true)// false if(!!true)// true 자바스크립트는 조건문에서 비교 시 자동으로 boolean 타입으로 변환을 해주기에 예시에서 보듯 !! 연산자가 조건문에서는 큰 의미가 없음
[JavaScript] JSON.stringify()
2023. 1. 13. 20:55
프로그래밍/JavaScript
JSON.stringify() JavaScript 값이나 객체를 JSON 문자열로 변환함 console.log(JSON.stringify({ x: 5, y: 6 })); // expected output: "{"x":5,"y":6}" console.log(JSON.stringify([new Number(3), new String('false'), new Boolean(false)])); // expected output: "[3,"false",false]" console.log(JSON.stringify({ x: [10, undefined, function(){}, Symbol('')] })); // expected output: "{"x":[10,null,null,null]}" console.log(J..
[JavaScript] JSON.parse()
2023. 1. 12. 20:42
프로그래밍/JavaScript
JSON.parse() JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성함 const json = '{"result":true, "count":42}'; const obj = JSON.parse(json); console.log(obj.count); // expected output: 42 console.log(obj.result); // expected output: true 매개변수 JSON으로 변환할 문자열 반환 값 JSON 문자열에 대응하는 Object 예제 JSON.parse('{}'); // {} JSON.parse('true'); // true JSON.parse('"foo"'); // "foo" JSON.parse('[1, 5, "false"]'); /..