반응형 개발132 [javascript] 객체 선언, 복사, 변경 객체 초기화 구문 설명 {} 초기화 {키:값, 키:값, ...} 초기화 객체[키] 값 가져오기 객체.키 값 가져오기 객체[키] = 값 값 변경 객체.키 = 값 값 변경 예제 // 빈 객체 const object = {}; // 객체 선언과 함께 값 세팅 const testData = { id: 1, name: 'name1', data: '데이터' }; // 값 확인 console.log(testData.id); console.log(testData['name']); // 값 변경 testData.id = 2; testData['name'] = 'name2'; // 여러 데이터를 가진 객체선언 const response = { result: true, list: [ {id:1, name:'이름1', dat.. 2021. 1. 18. [javascript] 배열 정리 javascript 배열 정리 배열 안의 내용을 출력하거나 순서대로 체크하고 싶을 경우 1. forEach 예제 /** *============ * String 배열 *============ */ const array = ['커피','주스','녹차']; array.forEach((value, index) => { //인덱스와 값을 순서대로 출력 console.log(index, value); }); //결과 0 "커피" 1 "주스" 2 "녹차" array.forEach((value, index) => { // 커피만 출력 if (value === '커피') console.log(index, value); }); //결과 0 "커피" /** *============ * 객체 배열 *============ .. 2021. 1. 18. [javascript] 문자열 길이 맞추기 padStart, padEnd padStart(전체길이, '추가문자열'); padEnd(전체길이, '추가문자열'); '1'.padStart(5, '0'); --> 00001 '10'.padStart(5,'0'); --> 00010 '1'.padEnd(3, '0'); --> 100 '10'.padEnd(3, '0'); --> 100 '1'.padStart(3); --> 1 (1앞에 공백문자3개 추가) 공백문자를 활용한 디지털 시계 표현 : : 2021. 1. 18. [javascript] 랜덤값 구하기 crypto.getRandomValues() 보통 자바 스크립트로 랜덤값을 구할때는 Math.random() 을 사용한다. Math.random()은 0에서 1보다 작은 값의 부동소수점을 리턴한다. ex)0.4645817650490742 crypto.getRandomValues()를 사용하여 16비트, 32비트 등의 랜덤 숫자가 들어간 배열을 구할 수 있다. ex) crypto.getRandomValues(new Uint8Array(1)); // 8비트 랜덤 배열 1개 crypto.getRandomValues(new Uint8Array(2)); // 8비트 랜덤 배열 2개 crypto.getRandomValues(new Uint16Array(3)); // 16비트 랜덤 배열 3개 crypto.getRandomValues(new Uint32Array.. 2021. 1. 18. [javascript] 자주 사용하는 정규 표현식 (Regular Expression) 정리 정규표현식 패턴 /패턴/ 대표적인 패턴 의미 패턴 의미 x 문자 x xyz 문자 xyz [xyz] x,y,z 중 하나의 문자 [a-z] a~z중 하나의 문자 [^xyz] x,y,z 가 아닌 하나의 문자 [^a-z] a~z가 아닌 하나의 문자 abc|xyz 문자열 abc 또는 xyz {숫자} 반복 횟수 ^x 시작문자 x x$ 종료문자 x . 하나의 문자 x* 0개이상 계속되는 x \ 다음에 오는 문자를 이스케이프 처리 \d 숫자 0~9 \D 숫자가 아닌 문자 = [^0-9] \w 영문, 숫자, 언더바 = [A-Za-z0-9_] \s 공백문자(스페이스, 탭, 줄바꿈 등) \S 공백문자 이외의 문자 = [^\s] \t 수평탭 \n 줄바꿈 코드 정규표현식 테스트 예제 //======================.. 2021. 1. 18. [javascript] Async / Await 예제 Async / Await 예제 함수앞에 async를 입력하고 리턴 앞에 await를 입력 async function getTodos() { const response = await fetch("https://jsonplaceholder.typicode.com/todos"); const json = await response.json(); console.log(json); } getTodos(); 아래와 같이 입력하여 바로 호출할 수도.. ( async () => { const response = await fetch("https://jsonplaceholder.typicode.com/todos"); const json = await response.json(); console.log(json); })(); 2021. 1. 18. 이전 1 ··· 10 11 12 13 14 15 16 ··· 22 다음 반응형
