es6如何改变数组数据

本文小编为大家详细介绍“es6如何改变数组数据”，内容详细，步骤清晰，细节处理妥当，希望这篇“es6如何改变数组数据”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

改变方法：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);

输出结果;

读到这里，这篇“es6如何改变数组数据”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网html频道。