小码哥的IT人生

JavaScript Array copyWithin() 方法

JavaScript基础 2022-06-07 23:31:34小码哥的IT人生shichen

JavaScript Array copyWithin() 方法

实例

将前两个数组元素复制到最后两个数组元素:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.copyWithin(2, 0);

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>copyWithin() 方法将数组元素复制到数组中的另一个位置,覆盖现有值。</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.copyWithin(2,0);
</script>
<p>Internet Explorer 不支持 copyWithin() 方法。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

页面下方有更多 实例。

定义和用法

copyWithin() 方法将数组元素复制到数组中的另一个位置,覆盖现有值。

copyWithin() 方法永远不会向数组添加更多项。

提示:copyWithin() 方法会覆盖原始数组。

浏览器支持

表格中的数字注明了完全支持该方法的首个浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome 45 Edge Firefox 32 Safari 9 Opera 32
2015 年 9 月 2015 年 7 月 2014 年 9 月 2015 年 9 月 2015 年 9 月

注释:Internet Explorer 不支持 copyWithin() 方法。

语法

array.copyWithin(target, start, end)

参数值

参数 描述
target 必需。将元素复制到的索引位置。
start 可选。开始复制元素的索引位置(默认为 0)。
end 可选。停止从中复制元素的索引位置(默认为 array.length)。

技术细节

返回值: 数组,被改变的数组。
JavaScript 版本: ECMAScript 6

更多实例

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

var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
fruits.copyWithin(2, 0, 2);

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>将前两个数组元素复制到第三和第四个位置:</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
document.getElementById("demo").innerHTML = fruits.copyWithin(2,0,2);
</script>
<p>Internet Explorer 不支持 copyWithin() 方法。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024