본문 바로가기

javascript강의

[javascript]정말로 지울까요? window.confirm 삭제 버튼을 눌렀을때 한번더 물어보게끔 하고 싶다면 이 방법을 쓰면 됩니다. window.confirm('Delete?'); 조금 더 응용해서 이렇게 한다면 OK 했을때의 행동, Cancel 했을때의 행동도 각각 따로 제어 할수 있습니다. if(window.confirm('Delete?')){ console.log('지운 후에 할 행동'); } else { console.log('취소한 후에 할 행동'); } 더보기
[javascript]배열 복사 영향 안받게하려면? array.slice(); 배열을 선언하고 복사를 하고 나면 우리가 생각하는대로 원본은 그대로 있어야 하는데 원본도 같이 바뀝니다. 예제를 보시면 이해가 빠를거예요. let a = [2,3,1]; let a1 = a.sort((a,b)=>a-b) console.log(a1); console.log(a); //문제 a를 출력해보면 우리가 처음 봤던 a와는 다르게 a1이랑 같은 결과가 나옵니다. 기본적으로 배열은 원본을 참조하도록 설정 되어 있습니다. 이 연결을 끊어주려면 이렇게 해주면 됩니다. let a = [2,3,1]; let a1 = a.slice(); a1 = a1.sort((a,b)=>a-b) console.log(a1); //[1,2,3] console.log(a); // [2,3,1] 이제 서로 영향을 받지 않습니다. 더보기
[javascript]객체 재정렬 방법 사내 매거진을 하나 만들었는데, 그냥 심플하게 글번호 없이 나열하다 보니 순서를 바꿔야 할 경우가 꽤나 생기길래, 재정렬 방법이 필요해졌다. 그래서 id 값으로 재정렬을 하고 싶었는데, 이 기술 꽤 괜찮더라 그래서 사용전 테스트해볼겸 만든 예제를 공유할까 한다. const data = [ { id: 99, title: '99번 타이틀', img: '99번 이미지' }, { id: 98, title: '98번 타이틀', img: '98번 이미지' }, { id: 1, title: '1번 타이틀', img: '1번 이미지' }, { id: 50, title: '50번 타이틀', img: '50번 이미지' }, { id: 20, title: '20번 타이틀', img: '20번 이미지' }, ] data.so.. 더보기