首页 > web前端 > 前端问答 > es6怎么改变数组数据

es6怎么改变数组数据

WBOY
发布: 2022-04-26 10:08:07
原创
2692 人浏览过

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

es6怎么改变数组数据

本教程操作环境: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前端

以上是es6怎么改变数组数据的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
es6
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板