일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- CMD
- 이탈리아
- input
- json
- 문자열
- IntelliJ
- date
- Maven
- 이클립스
- 자바
- 테이블
- js
- Visual Studio Code
- string
- Array
- list
- Java
- Files
- Eclipse
- table
- vscode
- 배열
- windows
- javascript
- Button
- CSS
- html
- 인텔리제이
- ArrayList
- 자바스크립트
- Today
- Total
목록자바스크립트 (143)
어제 오늘 내일
Javascript에서 값이 정수인지 실수인지 체크하는 2가지 방법을 소개합니다. Number.isInteger() 함수 나머지 연산자(%) 활용 1. Number.isInteger() 함수 document.writeln(Number.isInteger(10)); // true document.writeln(Number.isInteger(0)); // true document.writeln(Number.isInteger(-10)); // true document.writeln(Number.isInteger(123.1)); // false Number.inInteger() 함수는 파라미터로 입력받은 값이 정수인지 판단합니다. 가장 간단하게, 데이터가 정수인지 판단할 수 있는 방법입니다. 하지만, 이 함수는 ..
Javascript에서 빈 객체를 체크하는 방법입니다. Object.keys() 함수 반복문 사용하기 lodash library 사용하기 1. Object.keys() 함수 function isEmptyObj(obj) { if(obj.constructor === Object && Object.keys(obj).length === 0) { return true; } return false; } const obj1 = {}; const obj2 = {name: 'js'}; const str = "Javascript"; document.writeln(isEmptyObj(obj1)); // true document.writeln(isEmptyObj(obj2)); // false document.writeln(i..
Javascript에서 특정 객체가 배열인지, 그리고 그것이 배열이라면 빈 배열인지 확인하는 방법입니다. 빈 배열 체크하기 const arr1 = []; const arr2 = [1, 2]; const obj = {}; const str = ""; function isEmptyArr(arr) { if(Array.isArray(arr) && arr.length === 0) { return true; } return false; } document.writeln(isEmptyArr(arr1)); // true document.writeln(isEmptyArr(arr2)); // false document.writeln(isEmptyArr(obj)); // false document.writeln(isEmpt..
Javascript의 문자열에서 줄바꿈을 표현하는 2가지 방법을 소개합니다. escape 문자 사용하기 템플릿 리터럴(Template literals) 사용하기 1. escape 문자 사용하기 const str = 'a\nb\nc\n'; document.getElementById("result").innerHTML=str; 문자열에 New Line을 뜻하는 '\n' 이스케이프 문자를 넣어주면 줄바꿈됩니다. 2. 템플릿 리터럴(Template literals) 사용하기 const str =`a b c`; document.getElementById("result").innerHTML=str; 문자열 안에 escape문자인 '\n'을 사용하면, 가독성이 떨어지는 단점이 있습니다. 문자열을 정의할 때 따옴표( ..
배열에 있는 값들이 몇번이나 중복 되는지 찾는 방법을 소개합니다. forEach() 이용하기 reduce() 이용하기 Map 객체 이용하기 1. forEach() 이용하기 const arr = ['a', 'b', 'a', 'b', 'c']; const result = {}; arr.forEach((x) => { result[x] = (result[x] || 0)+1; }); document.write(JSON.stringify(result)); const arr = ['a', 'b', 'a', 'b', 'c']; 중복되는 값을 가지는 배열이 있습니다. const result = {}; 중복된 값의 갯수를 저장하기 위한 Object를 선언하였습니다. arr.forEach(callback함수); 배열(arr..
for문을 이용하여 테이블 생성하기 for 반복문을 이용해서 테이블을 동적으로 생성하는 예제입니다. const rowCnt = 5; const columnCnt = 2; document.write(''); for (let i = 0; i < rowCnt; i++) { document.write(''); for (let j = 0; j < columnCnt; j++) { document.write(''); document.write(i + ", " + j); document.write(''); } document.write('') } document.write(''); 테이블은 아래와 같이 가장 바깥을 태그로 감싸고, 하나의 row를 표현하는 태그, 그리고 그 안의 데이터를 표현하는 태그로 작성할 수 있습..
지난번에는 객체를 JSON 문자열로 변경하는 방법을 알아보았습니다. [Javascript] 객체를 JSON으로 변환하기 이번에는 반대로 JSON 문자열을 객체로 변경하는 방법을 알아보겠습니다. JSON.parse() 함수 JSON 문자열의 값을 변경하여 객체로 변환하기 1. JSON.parse() 함수 JSON.parse(text[, reviver]) JSON 문자열을 객체로 변경할 때는 JSON.parse() 함수를 사용합니다. 파라미터 text (필수입력) 객체로 변환할 JSON 문자열 reviver (선택입력) JSON 문자열을 객체로 변환하여 리턴하기 전에, 값을 변형시키기 위한 함수 예제 const json = `{ "id" : 123, "product" : { "type" : "book", "..
Javascript에서 사용하는 객체(Object)를 네트워크를 통해 전송하려면 어떻게 해야 할까요? Javascript의 객체를 그대로 서버로 전송할 수는 없습니다. Javascript에서는 주로 객체를 JSON(JavaScript Object Notation) 형식으로 변환하여 전달합니다. (Javascript가 아닌 언어에서도 데이터 교환 목적으로 JSON 형식을 많이 사용합니다.) 이번에는 Javascript 객체를 JSON 형식으로 변환하는 방법을 알아보겠습니다. JSON.stringify() 함수 특정 항목만 JSON으로 변환하기 들여쓰기(indent) 설정하기 1. JSON.stringify() 함수 JSON.stringify() 함수 JSON.stringify(value[, replacer..
Javascript로 난수를 생성하는 방법을 소개합니다. Math.random() 범위를 지정한 난수 생성하기 0~9 0~10 0~99 0~100 1~10 2~5 난수 생성 함수 만들기 (범위 지정) min
이번 포스팅에서는 Javascript 객체의 속성에 접근하여 값을 읽고, 추가, 변경, 삭제 하는 방법을 알아보겠습니다. 객체 속성 읽기 점 표기법 (dot notation) 대괄호 표기법 (square bracket notation) 객체 속성 추가, 변경하기 점 표기법 (dot notation) 대괄호 표기법 (square bracket notation) 동적으로 객체 속성 추가/삭제하기 (Computed Property) 객체 속성 삭제하기 1. 객체 속성 읽기 객체 속성 값을 읽는 방법은 점 표기법(dot notation)과 대괄호 표기법(square bracket notation) 2가지가 있습니다. 점 표기법 (dot notation) const obj = { id : 123, product ..