PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

es6怎么改变数组数据

WBOY
WBOY 原创
2022-04-26 10:08:07 2431浏览

改变方法:1、利用splice()方法修改,该方法可以直接修改原数组的内容,语法为“数组.splice(开始位置,修改个数,修改后的值)”;2、利用下标访问数组元素,并重新赋值来修改数组数据,语法为“数组[下标值]=修改后的值;”。

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6怎么改变数组数据

方法1:利用splice()方法

splice()方法更改数组的内容,在删除旧元素时添加新元素。

语法 (Syntax)

array.splice(index, howMany, [element1][, ..., elementN]);

参数的细节 (Parameter Details)

  • index - 开始更改数组的索引。

  • howMany - 一个整数,指示要删除的旧数组元素的数量。 如果howMany为0,则不删除任何元素。

  • element1, ..., elementN - 要添加到数组的元素。 如果未指定任何元素,则splice只是从数组中删除元素。

返回值 (Return Value)

根据传递的参数返回提取的数组。

例子 (Example)

var arr = ["orange", "mango", "banana", "sugar", "tea"];  
var removed = arr.splice(2, 0, "water");  
console.log("After adding 1: " + arr );  
console.log("removed is: " + removed); 
removed = arr.splice(3, 1);  
console.log("After adding 1: " + arr );  
console.log("removed is: " + removed);

在编译时,它将在JavaScript中生成相同的代码。

输出 (Output)

After adding 1: orange,mango,water,banana,sugar,tea 
removed is:  
After adding 1: orange,mango,water,sugar,tea 
removed is: banana

方法2:通过下标访问指定元素

访问数组元素,并重新赋值的语法:

数组名[指定下标值]=新值;

示例如下:

var arr = [1,2,3,4,5];  //声明一个数组
console.log(arr);
arr[0] = 0;  //修改第一个元素,重新赋值为0
arr[2] = "A";  //修改第三个元素,重新赋值为2
console.log(arr);

输出结果;

01.png

【相关推荐:javascript视频教程web前端

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。