JAVASCRIPT

JAVASCRIPT

Object.assign

object.assign을 이용해서 객체를 합치는 것이 가능하다. 또한 합칠때 2개의 객체가 같은 프로퍼티를 가지고 있다면 그 값을 덮어쓰기 해주며 객체의 복제에도 사용할 수 있다. const target1 = { a: 1, b: 2} const target2 = { c: 3, d: 4} const newTarget = Object.assign(target1, target2); console.log(target1) console.log(target2) console.log(newTarget) { a: 1, b: 2, c: 3, d: 4 } { c: 3, d: 4 } { a: 1, b: 2, c: 3, d: 4 } Object.assign()의 첫번째 인수의 target1은 target2가 합쳐지지만, t..

JAVASCRIPT

배열 내 홀수의 개수를 출력하는 함수

const solution = () => { for(var i=0; i < 100; i++){ if( i % 2 === 1 ){ return i; } i++; arr.push(i); } } const arr = []; solution(); arr

JAVASCRIPT/JQuery

메뉴 클릭시 해당 영역으로 이동되도록

let offsets = []; $(window).load(function(){ $.each($(".offset_wrap"), function(){ offsets.push($(this).offset().top); }); }); $('.offset_wrap a').mouseenter( function() { $(this).addClass('on'); }); $('.offset_wrap a').mouseleave(function() { $(this).removeClass('on'); }); $(".main_link_box ul li a").on('click', function(){ $('html, body').animate({scrollTop: offsets[$(this).parent().index()] -..

JAVASCRIPT/JQuery

JQUERY scroll 계산하기

$(window).scroll(function(){ // 해당 div의 top값 var mileageOffset = mileageEl.offset().top; // $(document).scrollTop() 함수를 통해 현재 스크롤바의 위치값 var scroll = $(window).outerHeight() / 2 + $(window).scrollTop(); console.log(scroll,mileageOffset); if(scroll > mileageOffset){ if(!mileageEl.hasClass("on")){ mileageEl.addClass("on"); $($(mileageList).get().reverse()).each(function(idx, el){ $(this) .delay(idx..

JAVASCRIPT

indexOf()

String.prototype.indexOf() 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환 str.indexOf(searchValue[, fromIndex]) searchValue : 찾으려는 문자열 fromIndex : 문자열에서 찾기 시작하는 위치를 나타내는 인덱스 값 fromIndex 값이 음의 정수이면 전체 문자열을 찾는데 fromIndex >= str.length 이면, 검색하지 않고 바로 -1을 반환 'Blue Whale'.indexOf('Blue'); // returns 0 'Blue Whale'.indexOf('Blute'); // returns -1 'Blue Whale'.indexOf('Whale', 0); // r..

JAVASCRIPT

map, filter, concat, reduce

map, reduce, filter는 새로운 배열을 만들어내는 것이고, 기존 배열 내용은 유지 const arr = [ { id: 1, text: 'Text', done: false, info: { check: false } }, { id: 2, text: 'Text2', done: false, info: { check: false } }, { id: 3, text: 'Text3', done: false, info: { check: false } }, { id: 4, text: 'Text4', done: false, info: { check: false } }, ] let id = 2 map 요구사항: id가 2인 객체의 text값을 Text22로 변경해줘 arr.map((item) => item.id ..

JAVASCRIPT

?

함수 closer

kimjiwon506
'JAVASCRIPT' 카테고리의 글 목록