본문 바로가기

Javascript9

javascript 객체 복사 방법 참조로 인해 변수를 나눠 담지 못할 경우 복사를 해야한다. let obj = {a:123, b,"test"} let obj_copy = JSON.parse(JSON.stringify(obj)); 객체를 json문자열로 변환하고 다시 객체로 변환하는 방법으로 참조가 없어지고 변수에 담을 수 있다. 다만 얕은 복사(shallow clone) 보다는 성능이 떨어진다는 단점이 있다. keyword : javascript 객체 복사, 자바스크립트 객체 복사, javascript 복사, javascipt clone object 2021. 4. 19.
Javascript split 메서드 / Javascript explode split 메서드는 문자열을 특정 구분자를 이용하여 여러 개의 문자열로 나누는 역할을 한다. 쉽게 말해 문자열을 배열로 나눠 담는 역할로 많이 쓰인다. (문자열을 배열에 나눠 담는 기능으로는 php에서 explode 함수와 비슷하다.) split 문법 string.split(separator, limit); split 예제 let txt = "red,blue,green,white"; let arr = txt.split(","); console.log(arr); // array => ['red', 'blue', 'green', 'white'] console.log(arr[2]); // green split 다른 용도의 사용 // 모든 문자를 배열에 나눠 담을 경우 let str = 'Hello World... 2021. 3. 18.
자바스크립트 유효성 검사 정규식 활용 정리 프론트단에서 유효성 검증을 할 때에는 정규식 만큼 편한 것이 없다. 하지만 비교적 자주 쓰이지 않으니 그때마다 새로 짜려면 헷갈리기 마련이다. 자주 쓰일만한 패턴들을 정리해보았다. 필수 입력 정규식 let reg_required = /.{1,}/; 이름 관련 정규식 let reg_name1 = /^[가-힣]+$/; // 한글만 let reg_name2 = /^[a-zA-z]+$/; // 영문만 let reg_name3 = /^[a-z]+$/; // 영문 소문자만 let reg_name4 = /^[A-Z]+$/; // 영문 대문자만 let reg_name5 = /^[가-힣a-zA-Z]+$/; // 한글 + 영문만 아이디 관련 정규식 let reg_id1 = /^[a-z0-9_-]{4,20}$/; // 소문.. 2021. 3. 18.
[ES6] Javascript Spread Operator (전개 구문) MDN 정의 전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다. function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; console.log(sum(...numbers)); // expected output: 6 console.log(sum.apply(null, numbers)); // expected output: 6 Apply() 대체 function myFunction(x, y, z){} let args = [0, 1, 2]; myFunction.apply(null, ar.. 2021. 3. 16.

티스토리툴바