본문 바로가기

프로그래밍/JavaScript50

JavaScript 배열 다루기(추가, 삭제, 찾기, 변형) 자바스크립트에서 배열을 다룰 때 자주 사용하고 유용한 방법을 소개합니다. 추가/삭제 push, pop: 배열의 제일 뒤에 추가/삭제 let myArray = [1, 2, 3] // 배열 제일 뒤에 요소 추가 myArray.push(4) console.log(myArray) // [1, 2, 3, 4] // 배열 제위 뒤 요소 삭제 myArray.pop() console.log(myArray) // [1, 2, 3] unshift, shift: 배열의 제일 앞에 추가/삭제 let myArray = [1, 2, 3] // 배열 제일 앞에 요소 추가 myArray.unshift(0) console.log(myArray) // [0, 1, 2, 3] // 배열 제위 앞의 요소 삭제 myArray.shift() .. 2022. 5. 3.
JavaScript Spread 구문 JavaScript의 Spread 연산자는 배열, 객체 또는 문자열과 같은 iterable 요소를 분해하여 개별 요소로 전개하는 데 사용되는 문법입니다. Spread 연산자는 일반적으로 함수 호출, 배열 생성 및 객체 생성과 같은 곳에서 사용됩니다. 이번 글에서는 JavaScript의 Spread 연산자에 대해 자세히 알아보겠습니다. 배열에서 Spread 연산자 사용하기 배열에서 Spread 연산자를 사용하면 기존의 배열 요소를 새로운 배열로 전개할 수 있습니다. 다음 예제를 살펴보세요. const arr1 = [1, 2, 3]; const arr2 = [...arr1, 4, 5]; console.log(arr2); // [1, 2, 3, 4, 5] 위의 예제에서는 Spread 연산자를 사용하여 arr1.. 2022. 5. 2.
JavaScript Destructuring JavaScript destructuring은 객체나 배열에서 원하는 값을 추출하여 변수에 할당하는 방법입니다. 이를 통해 변수를 한 번에 선언하고 할당할 수 있으며, 코드를 더 간결하고 가독성이 높게 작성할 수 있습니다. 객체 Destructuring 객체 destructuring은 객체의 속성을 추출하여 변수에 할당하는 방법입니다. 아래 예제는 person 객체에서 name과 age 속성을 추출하여 변수에 할당하는 예제입니다. const myObject = { name: '꾸션', age: 20, } const { name, age } = myObject console.log(name, age) // "꾸션" 20 객체 destructuring을 할 때는 추출할 속성 이름을 중괄호({}) 안에 넣어 .. 2022. 5. 2.
JavaScript 단어 첫 문자 대문자화하기 단어의 첫 문자를 대문자화하는 간단한 방법입니다. // arrow function const capitalizeString = str => str.charAt(0).toUpperCase() + str.slice(1) // normal function // function capitalizeString(str) { // return str.charAt(0).toUpperCase() + str.slice(1) // } console.log(capitalizeString('hello')) // Hello 2022. 4. 26.
JavaScript 날짜 시간 Javascript에서는 날짜, 시간을 출력 및 계산할 수 있도록 Date 객체를 제공합니다. Date객체에서 제공하는 날짜관련 함수를 이용해서 날짜, 시간과 밀리초를 출력하는 방법과, 성능 검증 및 테스트에 많이 사용하는 경과시간을 계산하는 방법에 대해서 알아 보겠습니다. 1. 현재시간 출력 1) 날짜시간 (년월일 시분초) let now = new Date() // // 로컬 날짜시간 // console.log(now.toLocaleString()) // 2022. 3. 1. 오후 4:51:43 console.log(now.toString()) // Tue Mar 01 2022 16:51:43 GMT+0900 (대한민국 표준시) const myYear = now.getFullYear() const my.. 2022. 3. 1.
JavaScript JSON 자바스크립트 사용 환경에서 JSON 데이터와 Javascript 객체 간의 양방향으로 변환하는 방법에 대해서 알아봅니다. 1. Javascript 객체에서 JSON 데이터로 변환 "JSON.stringify" 함수를 사용합니다. const myObject = { name: 'David', age: 23, } // Javascript 객체 const myJsonString = JSON.stringify(myObject) console.log(myJsonString) // {"name":"David","age":23} 2. JSON 데이터에서 Javascript 객체로 변환 "JSON.parse" 함수를 사용합니다. const myJsonObject = JSON.parse(myJsonString) conso.. 2022. 3. 1.
반응형