본문 바로가기
반응형

javascript58

javascript 클립보드 복사 execCommand 메서드를 이용하여 클립보드에 복사를 구현할 수 있습니다. 복사 function copyToClipboard(val) { var t = document.createElement("textarea"); document.body.appendChild(t); t.value = val; t.select(); document.execCommand('copy'); document.body.removeChild(t); } const btn = document.getElementById('btn1'); btn.addEventListener('click', () => { copyToClipboard('복사된 텍스트'); alert('복사 완료!'); }); 모든 브라우저에서 호환되기 위해서 clipb.. 2020. 9. 23.
배열에서 원하는 객체 찾기 find() 메서드를 이용해 배열안에 원하는 객체를 찾습니다. find()는 일치하는 첫번째 요소만 반환해줍니다. const arr = [{ a: 1, b: 2 }, { a: 3, b: 4 }, { a: 5, b: 6 }, { a: 7, b: 8 } ]; const result = arr.find(obj => { return obj.b === 6; // { a: 5, b: 6 } }); 원하는 값을 가진 모든 객체를 반환하려면 filter()를 이용하면 됩니다. filter()는 새 배열을 만들어 리턴해줍니다. const arr = [ { name: 'string 1', value: '1,2' }, { name: 'string 2', value: '2' }, { name: 'string 2', value.. 2020. 9. 10.
Array의 메서드 some, every some some 메서드는 배열 안의 어떤 요소가 하나라도 주어진 조건을 통과하는지 테스트합니다. 하나라도 true가 있으면 수행을 중단하고 true를 리턴하고, 전체를 돌아도 true가 없으면 false를 리턴합니다. const test1 = [2, 5, 8, 1, 4].some(elem => elem > 10); // false const test2 = [12, 5, 8, 1, 4].some(elem => elem > 10); // true ... const fruits = ['apple', 'banana', 'mango', 'guava']; function checkAvailability(arr, val) { return arr.some(arrVal => val === arrVal); } check.. 2020. 8. 24.
객체 복사 참조하지 않게 하기 var names = [ {"name": "사나"}, {"name": "슬기"}, {"name": "다현"} ]; var names2 = names; names2[0].name = '아이린' 위의 코드를 실행하면 names 와 names2의 0번째 값이 동일하게 변경이 된다. 객체를 = 로 복사할 때 값 자체를 복사하는게 아니라 메모리 주소 참조를 복사하기 때문이다. 해결방법은 JSON.stringify로 배열을 string화 한뒤에 다시 JSON.parse로 배열로 바꿔준다. var names = [ {"name": "사나"}, {"name": "슬기"}, {"name": "다현"} ]; var names2 = JSON.parse(JSON.stringify(names)); names2[0].name =.. 2020. 7. 23.
파일명 자르기 lastIndexOf를 사용하면 특정 값을 반대방향에서 부터 찾기 시작합니다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf String.prototype.lastIndexOf() lastIndexOf() 메서드는 String 오브젝트에서 fromIndex로부터 반대방향으로 찾기 시작하여 특정 값이 일치하는 마지막 인덱스를 반환합니다. 문자열에서 일치하는 특정 값이 없으면 -1을 리턴합니다. developer.mozilla.org 예로 test.jpg라는 파일에서 .을 기준으로 앞뒤로 자른다면 아래와 같습니다. var a = 'test.jpg'; var b = a.slice(0,.. 2020. 7. 13.
타입스크립트 기본 타입 불리언 const hello: boolean = true; const world: boolean = false; 참 또는 거짓을 나타내는 타입이다. 숫자 const hello: number = 100; const world: number = 0.5; 숫자를 나타내는 타입이다. 자바스크립트에서는 정수, 부동 소수점 등의 구분이 따로 없다. 문자열 const hello: string = '안녕하세요'; const world: string = '타입스크립트'; 문자열을 나타내는 타입이다. null/undefined const hello: null = null; const world: undefined = undefined; null 타입과 undefined 타입은 각각 null과 undefined라는 하나의 .. 2020. 6. 9.
반응형