본문 바로가기
반응형

JavaScript3

객체를 배열로 바꾸는 방법 feat.JavaScript 개발을 하다보면 진짜 자주 사용하는 것중 하나가 객체를 배열로 바꾸는거다.보통 데이터를 가공할때 정말 많이 사용한다.매일 나도 구글링하면서 사용하다보니 어느순간 나도 블로그에 정리하면서 외워보자 생각이들어 드디어 정리를 한다.  1. Object.keys()를 사용하여 객체의 키 배열 생성Object.keys() 메서드는 객체의 키를 배열 형태로 반환합니다.const obj = { a: 1, b: 2, c: 3 };const keysArray = Object.keys(obj);console.log(keysArray); // ["a", "b", "c"] 2. Object.values()를 사용하여 객체의 값 배열 생성Object.values() 메서드는 객체의 값을 배열 형태로 반환합니다.const obj.. 2024. 6. 30.
CSS와 JavaScript에서 텍스트 줄 바꿈 구현하는 방법 줄 바꿈은 텍스트를 읽기 쉽게 만들고, 데이터를 구분하며, 출력 형식을 제어하는 데 중요한 역할을 합니다. 이 글에서는 CSS와 JavaScript에서 줄 바꿈을 구현하는 다양한 방법을 자세히 설명하겠습니다. CSS에서 줄 바꿈CSS는 웹 페이지의 스타일을 정의하는 데 사용되며, 줄 바꿈을 제어하는 여러 속성을 제공합니다.1. white-space 속성white-space 속성은 요소 내에서 공백과 줄 바꿈을 어떻게 처리할지를 결정합니다.normal: 연속된 공백은 하나의 공백으로 간주되고, 줄 바꿈은 무시됩니다.nowrap: 텍스트는 줄 바꿈 없이 한 줄로 표시됩니다.pre: HTML에서 작성된 공백과 줄 바꿈이 그대로 유지됩니다.pre-wrap: 공백과 줄 바꿈이 유지되지만, 긴 줄은 필요한 경우 줄.. 2024. 6. 21.
1678. Goal Parser Interpretation 문제 주어진 command를 활용해 규칙에 맞게 변환해서 답을 리턴한다. G => G, () => o, (al) => al 이렇게 바꾸고 변환을 한다. 내 현재 풀이 /** * @param {string} command * @return {string} */ var interpret = function(command) { while(command.indexOf('()') > -1 || command.indexOf('(al)') > -1){ command =command.replace('()','o') command = command.replace('(al)','al') } return command }; indexOf를 통해 '()', '(al)'가 안 나올 때까지 진행하기 위해 while문을 활용했다... 2022. 6. 7.
반응형