[Array] JS - copyWithin() 메서드 - 배열내 배열값 복사하기 (= copyWithin메서드 = 카피위딘메서드)

1. array.copyWithin() 예제 - 배열값 복사해 덮어쓰기
2. array.copyWithin() 정의
3. array.copyWithin() 구문
4. array.copyWithin() 예제 - 배열값 일부를 복사값으로 대체

array.copyWithin() 예제 - 배열값 복사해 덮어쓰기 

 

<button onclick="homzznag()">클릭</button>

<p id="demo"></p>

<script>

var code = ["HTML", "CSS", "JS", "JQ"];

document.getElementById("demo").innerHTML = code ;

function homzznag() {  

  document.getElementById("demo").innerHTML = code.copyWithin(2,0);

}

</script>

 

결과값: HTML,CSS,HTML,CSS

array.copyWithin() 정의

 

배열값 복사해 다른 배열값 덮어쓰기.

 

---

 

1.

• 원본 배열을 덮어씀.
• 배열에 항목을 더 추가하진 않음.

 

2.

• ECMAScript 6
• IE 제외한 주요 최신 브라우저 지원.

 

3. MDN copyWithin() 예제보기

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/copyWithin

 

array.copyWithin() 구문

 

array.copyWithin(target, start, end)

 

---

[매개변수]

 

target

필수. 붙여넣기할 위치. (※ 색인은 0부터 시작) 

 

start

선택. 복사 시작위치. 포함 O (기본값: 0)

end

선택. 복사 종료위치. 포함 X (기본값:  array.length)

 

---

[반환값]

 

target 위치에 (start <= index < end) 위치의 배열값을 복사 붙여넣기해 변경된 원본 배열을 반환.

 

array.copyWithin() 예제 - 배열값 일부를 복사값으로 대체

 

<button onclick="homzznag()">클릭</button>

<p id="demo"></p>

<script>

var code = ["a", "b", "c", "d", "e"];

document.getElementById("demo").innerHTML = code;

function homzznag() {  

  document.getElementById("demo").innerHTML = code.copyWithin(2,0,2);

}

</script>

 

결과값: a,b,a,b,e