본문 바로가기
728x90
300x250
SMALL

javascript12

객체와 배열을 쉽게 다루는 법! 디스트럭처링 핵심 정리 디스트럭처링(Destructuring)디스트럭처링은 자바스크립트에서 배열이나 객체의 값을 추출해서 변수에 쉽게 할당하는 문법이다. 디스트럭처링을 사용하면 배열이나 객체에서 특정 값들을 간결하고 직관적으로 추출할 수 있어서 코드가 깔끔학 이해하기 쉬워진다. 1. 객체 디스트럭처링객체 디스트럭처링은 객체에서 원하는 속성 값을 변수로 추출하는 방법이다.객체에서 속성을 추출하여 변수 이름을 동일하게 지정하거나, 새로운 이름을 붙여서 변수에 할당할 수 있다. 기본 사용법const person = { name: "Alice", age: 25, city: "Seoul"};// 객체에서 name, age 값을 추출하여 변수로 할당const { name, age } = person;console.log(name);.. 2025. 1. 25.
부모좌표 기준으로 지역 위치 설정하기 css() 정렬 변경 css()메서드를 사용해서 부모좌표 기준으로 지역 위치를 설정할 수 있다. $대상.css("left/top",값) $대상.css({ left:값, top:값 }) 위치 값은 숫자 또는 문자열 모두 가능하며 숫자 값인 경우 jQuery 내부에서 자동으로 기본 단위인 "px"를 붙여서 처리한다. 정렬 버튼을 클릭하면 숫자가 대각선 모양으로 정렬 되도록 정렬 1 2 3 4 5 2023. 3. 29.
[javaScript]배열 마지막에 새로운 요소 추가 - push() push() 배열 마지막에 새 요소를 추가 const fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi"); document.getElementById("demo2").innerHTML = fruits; //Banana,Orange,Apple,Mango,Kiwi push메서드를 직업 호출하면 배열길이를 반환한다. const fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo1").innerHTML = fruits.push("Kiwi"); //5 참고 : https://www.w3schools.com/js/js_array_methods.asp 2022. 10. 26.
[javaScript]startsWith() 시작문자열 확인하기 startsWith() startsWith()메서드는 문자열이 지정된 값으로 시작하면 반환하고, 그렇지 않으면 false를 반환한다. 실행결과 true 시작위치 지정하기 실행결과 false 참고 : https://www.w3schools.com/js/js_string_search.asp 2022. 9. 26.
728x90
반응형
LIST

티스토리툴바