728x90 반응형 Coding With Jina/JavaScript58 [자바스크립트] 문자열 나눠서 배열로 반환하기 - split()함수 split( ) 함수문자열을 주어진 문자열 구분자나 정규식을 기준으로 나누어 배열로 변환하는 함수str.split(separator, limit)>> separator (필수는 아님): 문자열을 나누는 기준이 되는 문자열 또는 정규 표현식 : 이 매개변수를 지정하지 않으면, 전체 문자열을 하나의 요소로 가지는 배열이 반환 : 빈 문자열('')을 구분자로 지정하면 각 문자마다 분리 >> limit (필수는 아님): 반환할 배열의 최대 길이를 지정하는 정수 : 이 값을 지정하면 지정된 수의 요소까지만 반환 예시1. 기본 사용법const str = "apple,banana,orange";const result = str.split(",");console.log(result); // ["apple", "ban.. 2024. 5. 23. [Node.js] console.log와 process.stdout.write 차이점 console.log와 process.stdout.write 차이점 개행 즉, 줄바꿈 여부console.log의 경우 출력을 할 때 마다 개행을 하고 있고 process.stdout.write는 개행을 하지 않는다. 1) console.logconsole.log("자바")console.log("스크")console.log("립트"); 결과//자바//스크//립트 2) process.stdout.writeprocess.stdout.write("자바")process.stdout.write("스크");process.stdout.write("립트"); 결과//자바스크립트 2024. 4. 30. [자바스크립트] 단항 더하기 연산자(+) 단항 더하기 연산자(+)피연산자 앞에 위치하며 피연산자를 평가하지만, 만약 피연산자가 숫자가 아니라면 숫자로 변환 예시) 숫자에 사용하기const x = 1;const y = -1;console.log(+x);// 1console.log(+y);// -1 숫자가 아닌 값에 사용하기+true; // 1+false; // 0+null; // 0+function (val) { return val;}; // NaN+1n; // TypeError 발생: BigInt 값을 숫자로 변경할 수 없습니다 [출처] MDN 2024. 4. 29. [자바스크립트] 비구조화 할당/구조분해 할당 문법 const [a, b] 비구조화 할당이란?배열이나 객체 속성을 해체하여 개별 변수에 값을 담을 수 있는 JavaScript 표현식비구조화 할당 또는 구조 분해 할당이라고 함비구조화 할당의 기본 구조는 좌측에는 변수, 우측에는 해당 변수에 넣어지는 값을 표현객체의 경우 { }를 사용하고 배열의 경우 [ ]를 사용 예시)객체 구조 할당const o = { p: 42, q: true };const { p, q } = o;console.log(p); // 42console.log(q); // true 배열 구조 할당const foo = ["one", "two", "three"];const [red, yellow, green] = foo;console.log(red); // "one"console.log(yellow); // "tw.. 2024. 4. 29. [자바스크립트] Window event resize 화면 크기에 따른 반응형 웹 만들기 Window event인 resize를 이용하여 화면 넓이에 따른 배경색이 변하는 웹을 만들어보자! 1. HTML HELLO! 2. JavaScriptfunction handlewindowResize() { const bodyWidth = document.body.clientWidth; //console.log(bodyWidth); if (bodyWidth 1. 함수 handlewindowResize에 document.body.clientWidth를 이용해 현재의 넓이를 알아내고 범위를 정해준다.2. 범위마다 document.body.style.backgroundColor에 색상을 변경해준다.3. 마지막에 window.addEventListener("resize", han.. 2024. 4. 27. [자바스크립트/ES6] for...in 문 / 배열객체마다 반복되는 실행문 for...in문 객체의 모든 열거 가능한 속성을 반복하는 데 사용 주로 객체의 속성(키)을 통해 반복하고자 할 때 사용 객체 속성에 접근할 때 사용 const obj = { a: 1, b: 2, c: 3 }; for (const key in obj) { console.log(key, obj[key]); // 'a' 1, 'b' 2, 'c' 3 } 2024. 4. 23. 이전 1 2 3 4 ··· 10 다음 728x90 반응형
