JS(23)
-
JS 원본 내용 그대로 저장 하기 Deep Copy (배열, 객체)
개발을 하다 보면 원본과 사본을 반복적으로 참조해야할때가있다. 이때 보통 나는 이렇게 얕은복사 참조 복사를 했다. 하지만 반복적으로 원본을 사용해야하는 개발에서는 알맞지가 않다. 그러므로 원본이 변경이 되지않는 딥카피를 해야한다. 1. 배열 Array 방법 : slice()를 사용하여 딥카피를 한다. 얕은 복사 : // 얕은복사 const a = [1, 2, 3] let b = a b[3] = 7 console.log(a) // [ 1, 2, 3, 7 ] console.log(b) // [ 1, 2, 3, 7 ] 딥 카피 : // 딥 카피 const a = [1, 2, 3] let b = a.slice() b[3] = 7 console.log(a) // [ 1, 2, 3 ] console.log(b) /..
2021.08.20 -
JS 배열안에 객체 찾는 방법 find() 함수 사용
list 배열에 있는 객체 중에서 name이 짱구라는 객체를 찾는다. find 함수에서 findName함수를 불러 짱구라는 데이터가 있는 객체를 찾아온다. * 만약 name에 짱구라는 복수 값이 있으면 가장 앞에있는 데이터가 출력이 된다. 그러니 중복되지않는 데이터를 기준으로 불러오는것을 추천한다. const list = [ { name: '짱구', age: 5 }, { name: '철수', age: 6 }, { name: '훈이', age: 3 }, { name: '유리', age: 7 }, { name: '맹구', age: 8 } ] function findName (people) { return people.name === '짱구' } const result = list.find(findName) ..
2021.06.09 -
배열안에있는 값 누적 연산 하기 reduce
배열에 누적값을 나타낼때 js에 내장된 메서드 reduce를 사용하면된다. 사용 방법 배열.reduce((누적값, 현잿값, 인덱스, 요소) => { return 결과 }, 초깃값); ex) data에 있는 인덱스 값 만큼 reduce가 돌아 값을 누적 시킨다. // 배열 데이터 정의 const data = [1,2,3,4,5] // reduce 이용 result = data.reduce((now,add)=>{ console.log(now, add) const data = now + add return data }) 결과 : 출처 : www.zerocho.com/category/JavaScript/post/5acafb05f24445001b8d796d
2021.02.21 -
JS 6자리 랜덤 문자열 (인증코드) 만들기
function randomString () { const chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz' const stringLength = 6 let randomstring = '' for (let i = 0; i < stringLength; i++) { const rnum = Math.floor(Math.random() * chars.length) randomstring += chars.substring(rnum, rnum + 1) } return randomstring } 결과 : Pa7oJd 이런식으로 숫자, 대문자, 소문자가 합쳐져서 나온다 출처 : www.coolnix.net/2011/07/%EC%9E%90%E..
2021.01.26 -
JS Array, List 마지막 값 구하기
const list = [1,2,3,4,5] console.log(list[list.length-1]) 5 출처 velog.io/@lilyoh/js-array-%EC%9D%98-%EB%A7%88%EC%A7%80%EB%A7%89-%EC%9A%94%EC%86%8C%EA%B0%92-%EA%B5%AC%ED%95%98%EA%B8%B0
2021.01.25 -
JS Cookie 생성시 시간, 경로 설정
cookie 생성시 document.cookie = '쿠키이름=쿠키 값;expires=유효기간' 으로 생성시 경로는 /으로 생성이 된다. 하지만 특정 경로에서만 쿠기가 적용하려고 할때 경로를 설정해주면된다 const date = new Date() //12시간을 나타낸다 date.setTime(date.getTime() + 12 * 60 * 60 * 1000) date값을 생성시 넣어 유효기간을 설정 해줄수있다 document.cookie = '쿠키이름=쿠키 값;expires='+date+';path=/원하는 경로;'
2021.01.08