JavaScript copyWithin() 方法

AI 概述
定义和用法语法参数浏览器支持实例 1实例 2 定义和用法 copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。 语法 array.copyWithin(target, start, end) 参数 参数 描述 target 必需。复制到指定目标索引位置。 start 可选。元素复制的起始位置。 end 可选。停止复制...
目录
文章目录隐藏
  1. 定义和用法
  2. 语法
  3. 参数
  4. 浏览器支持
  5. 实例 1
  6. 实例 2

定义和用法

copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。

语法

array.copyWithin(target, start, end)

参数

参数 描述
target 必需。复制到指定目标索引位置。
start 可选。元素复制的起始位置。
end 可选。停止复制的索引位置 (默认为 array.length)。如果为负值,表示倒数。

浏览器支持

所有主流浏览器都支持 copyWithin() 方法。

主流浏览器都支持 copyWithin() 方法

实例 1

复制数组的前面两个元素到后面两个元素上:

<body>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>

<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

function myFunction() {  
    document.getElementById("demo").innerHTML = fruits.copyWithin(2,0);
}
</script>
</body>

输出结果:

Banana,Orange,Banana,Orange

实例 2

复制数组的前面两个元素到第三和第四个位置上:

<body>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
document.getElementById("demo").innerHTML = fruits;

function myFunction() {  
    document.getElementById("demo").innerHTML = fruits.copyWithin(2,0,2);
}
</script>
</body>

运行结果:

Banana,Orange,Banana,Orange,Kiwi,Papaya

以上关于JavaScript copyWithin() 方法的文章就介绍到这了,更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章,希望大家以后多多支持码云笔记。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 admin@mybj123.com 进行投诉反馈,一经查实,立即处理!
重要:如软件存在付费、会员、充值等,均属软件开发者或所属公司行为,与本站无关,网友需自行判断
码云笔记 » JavaScript copyWithin() 方法

发表回复