반응형

shift() : 배열의 앞에서부터 shift()이 실행될때마다 하나씩 삭제

// shift(): 실행될때 마다 배열의 맨 앞에서 부터 잘라냄.
const numbers = [10, 20, 30, 40];
const num = numbers.shift();
console.log(num); // 10 을 삭제
console.log(numbers); // 20, 30, 40 출력

pop() : 배열의 뒤에서부터 pop이 실행될때마다 하나씩 삭제

const numbers = [10, 20, 30, 40];
const num = numbers.pop();
console.log(num);
console.log(numbers);

unshift(): 배열의 맨 앞쪽에 하나씩 추가

const numbers = [10, 20, 30, 40, 50];
const num = numbers.unshift(5);
console.log(num);
console.log(numbers);

push() : 배열의 맨 뒤쪽에 하나씩 추가

const numbers = [10, 20, 30, 40, 50];
const num = numbers.push(5);
console.log(num);
console.log(numbers);  // [10,20,30,40,50,5]

concat: 배열을 합쳐줌 (concat은 기존의 배열을 수정하지 않는다.)

const arr1 = [1,2,3,4,5];
const arr2 = [6,7,8,9,10];
const concated = arr1.concat(arr2);
console.log(concated); //[1,2,3,4,5,6,7,8,9,10]

join() : 배열의 수 사이에 넣어줌.

반응형

'2020 > Vanilla JavaScript' 카테고리의 다른 글

JavaScript #ES6 Class  (0) 2020.03.28
JavaScript #내장함수 reduce  (0) 2020.03.28
JavaScript splice vs slice  (0) 2020.03.28
JavaScript #filter내장함수  (0) 2020.03.28
Javascript 내장함수 foreach, map, indexOf, findIndex, find  (0) 2020.03.28
블로그 이미지

꽃꽂이하는개발자

,
반응형

getter

setter

 

getter / setter

반응형

'2020 > Vanilla JavaScript' 카테고리의 다른 글

for in, for of, for  (0) 2020.03.28
JavaScript 배열  (0) 2020.03.28
JavaScript 객체 안에 함수 넣기.  (0) 2020.03.27
JavaScript Object(객체), 비구조화 할당  (0) 2020.03.27
화살표 함수, 화살표 문법  (0) 2020.03.27
블로그 이미지

꽃꽂이하는개발자

,
반응형
const cat = {
  name: "집사",
  sound: "냥!",
  say: function() {
    console.log(this.sound);
  }
};

const dog = {
  name: "멍멍이",
  sound: "멍?",
  say() {
    console.log(this.sound);
  }
};

cat.say();
dog.say();

반응형
블로그 이미지

꽃꽂이하는개발자

,

JQuery 객체추가

2020/JQuery 2020. 2. 28. 12:59
반응형
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>
      //(a).appendTo(b) b에 a를 추가
      function appendTest() {
        alert(1);
        $("#test1").append("<p>결과</p>");
      }

      //(a).append(b) a에 b를 추가
      function appendToTest() {
        alert(2);
        $("<p>결과2</p>").appendTo("#test2");
      }

      //(a).prepend(b) b를 a의 앞에 추가
      function prependTest() {
        alert(3);
        $("#test3").prepend("<p>결과3</p>");
      }
    </script>
    <title>Document</title>
  </head>
  <body>
    <button onclick="appendTest()">append</button>
    <div id="test1">test</div>

    <button onclick="appendToTest()">appendTo</button>
    <div id="test2">test2</div>

    <button onclick="prependTest()">prepend</button>
    <div id="test3">test3</div>
  </body>
</html>
반응형

'2020 > JQuery' 카테고리의 다른 글

JQuery replaceWith, replaceAll, 요소 대체하기  (0) 2020.02.28
JQuery 속성 값 입력  (0) 2020.02.28
JQuery selectbox 확인  (0) 2020.02.28
JQuery 속성추가  (0) 2020.02.28
JQuery 객체이동  (0) 2020.02.28
블로그 이미지

꽃꽂이하는개발자

,