JavaScript手册 | JS Array 对象中的copyWithin()方法

作者: Arvin Chen 分类: js 来源: Break易站(www.breakyizhan.com)

JS Array 对象中的copyWithin()方法的定义和用法

数组实例的copyWithin方法,在当前数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组。也就是说,使用这个方法,会修改当前数组。

JS Array 对象中的copyWithin()方法浏览器的兼容性

Chrome Inter Explorer Firefox Safari Opera
YES YES YES YES YES

JS Array 对象中的copyWithin()方法的语法和例子

Array copyWithin()方法的语法:

arr.copyWithin(target[, start[, end]])
  • target: 从该位置开始替换数据。
    0 为基底的索引,复制序列到该位置。如果是负数,target 将从末尾开始计算。
    如果 target 大于等于 arr.length,将会不发生拷贝。如果 target 在 start 之后,复制的序列将被修改以符合 arr.length。
  • start:从该位置开始读取数据,默认为 0 。如果为负值,表示倒数。

    0 为基底的索引,开始复制元素的起始位置。如果是负数,start 将从末尾开始计算。
    如果 start 被忽略,copyWithin 将会从0开始复制。

  • end:到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒数。

    0 为基底的索引,开始复制元素的结束位置。copyWithin 将会拷贝到该位置,但不包括 end 这个位置的元素。如果是负数, end 将从末尾开始计算。
    如果 end 被忽略,copyWithin 将会复制到 arr.length。这三个参数都应该是数值,如果不是,会自动转为数值。

JS copyWithin替换功能

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js copyWithin替换功能 - Break易站(breakyizhan.com)</title>
</head>
<body>

<p>点击替换功能。</p>

<button onclick="myFunction()">点我</button>

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

<p><strong>注意:</strong> IE 11 及更早版本不支持 copyWithin() 方法。</p>

<script>
var array = [ 1, 2, 3, 4, 5, 6, 7 ]; 
var array2 = [ 1, 2, 3, 4, 5, 6, 7 ]; 
document.getElementById("demo").innerHTML = fruits;

function myFunction() {  
 //从第一位开始替换,array[0]变成array[4],以此类推;
    document.getElementById("demo").innerHTML = array.copyWithin(0,4);
 //从第一位开始替换,array2[0]变成array2[2],在array2[2]和array2[5]之间;
 document.getElementById("demo2").innerHTML = array2.copyWithin(0,2,5);
}
</script>

</body>
</html>

尝试一下 >>

 

  •   本文标题:JavaScript手册 | JS Array 对象中的copyWithin()方法 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/js/6753.html
    扫描二维码添加微信 
  • ,领取淘宝优惠券,淘宝购物更优惠。现在添加微信,还可以领取机械键盘优惠券!添加微信后,分享淘宝选中的机械键盘给淘宝机器人即可领取!
    支持我们,就用微信淘宝!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注

    更多阅读