返回顶部
首页 > 资讯 > 前端开发 > 其他 >es6怎么修改数组的值
  • 560
分享到

es6怎么修改数组的值

javascriptES6es6数组 2022-11-22 23:11:38 560人浏览 泡泡鱼
摘要

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。es6修改数组值的几种方法方法1:利用splice()方法使用splice()方法可以删除元素、增加元素或者替换元素array.splice(index,

教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6修改数组值的几种方法

方法1:利用splice()方法

使用splice()方法可以删除元素、增加元素或者替换元素

array.splice(index,howmany,item1,.....,itemX)
参数描述
index必需。规定从何处添加/删除元素。
该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany可选。规定应该删除多少元素。必须是数字,但可以是 "0"。
如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX可选。要添加到数组的新元素

返回值:所有删除的元素,组成的数组,如果没有删除任何元素,将会得到一个空数组

示例1:

var arr = [1,2,3,4,5,6,7,8,9,10];
console.log(arr);
//删除
arr.splice(1,2);
console.log(arr);    //打印:[1,4,5,6,7,8,9,10]

1.png

示例2:

var arr = [1,2,3,4,5,6,7,8,9,10];
console.log(arr);
//替换
arr.splice(1,2,'b','c');
console.log(arr);    //打印:[1, "b", "c", 6, 7, 8, 9, 10]

2.png

示例3:

var arr = [1,2,3,4,5,6,7,8,9,10];
console.log(arr);
//添加,如果不删除元素,但是又存在第三个或者3+的参数,就会有添加的功能
arr.splice(1,0,'a','b','c');
console.log(arr);    //打印:[1, "a", "b", "c", "b", "c", 6, 7, 8]

3.png

方法2:通过下标访问指定元素并重新复制

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

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

示例如下:

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

4.png

方法3:使用replaceAll()替换所有特定元素

replaceAll是用于在字符串中,替换字符的。当然我们进行“数组”,“字符串”的转换,也能应用在数组中。一般配合正则表达式使用。

const newStr = str.replaceAll(regexp|substr, newSubstr|function)

示例:

var arr = [3, 5, "-", "9", "-"];
var newArr = [];

var str = arr.toString().replaceAll("-","新");	//数组转字符串并替换所有特定元素

console.log(str);				//3,5,新,9,新
newArr = str.split(",");		//字符串转数组
console.log("newArr",newArr);	
//newArr (5) ["3", "5", "新", "9", "新"]

5.png

以上就是es6怎么修改数组的值的详细内容,更多请关注编程网其它相关文章!

--结束END--

本文标题: es6怎么修改数组的值

本文链接: https://lsjlt.com/news/173416.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • es6怎么修改数组的值
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。es6修改数组值的几种方法方法1:利用splice()方法使用splice()方法可以删除元素、增加元素或者替换元素array.splice(index,...
    99+
    2022-11-22
    javascript ES6 es6数组
  • es6如何修改数组的值
    这篇文章主要介绍“es6如何修改数组的值”,在日常操作中,相信很多人在es6如何修改数组的值问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6如何修改数组的值”的疑惑有所帮助!接下来,请跟着小编一起来学习吧...
    99+
    2023-07-04
  • php怎么修改数组中的键值
    这篇文章主要介绍“php怎么修改数组中的键值”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“php怎么修改数组中的键值”文章能帮助大家解决问题。一、使用array_combine()和array_ke...
    99+
    2023-07-05
  • es6怎么求数组最大值
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。取数组的最大值的几种方法// 写法一: Math.max.apply(null, [14, 3, 77, 30]); // 写法二: Math.max(...
    99+
    2022-11-22
    javascript ES6 es6数组
  • python怎么修改元组的值
    在Python中,元组是不可变的数据类型,即一旦创建了元组,就无法修改元组中的元素值。但是,你可以通过以下方法来修改元组的值:1. ...
    99+
    2023-10-11
    python
  • vue怎么修改父组件值
    本教程操作环境:Windows10系统、Vue 3版、Dell G3电脑。vue怎么修改父组件值?vue中子组件更改父组件数据 因为vue是单项数据流,所以没办法直接在子组件中去修改父组件里面的数据,vue提倡单项数据流,为了...
    99+
    2023-05-14
    Vue
  • es6数组如何修改每个元素
    这篇“es6数组如何修改每个元素”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“es6数组如...
    99+
    2024-04-02
  • ES6如何修改数组中的某个元素
    本篇内容主要讲解“ES6如何修改数组中的某个元素”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ES6如何修改数组中的某个元素”吧! ...
    99+
    2024-04-02
  • php中修改数组值的方法
    这篇文章主要介绍了php中修改数组值的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。php中修改数组的值的方法:首先新建一个php文件,并使用header()方法将页面的...
    99+
    2023-06-14
  • php怎么改变数组key的值
    两种改变方法:1、使用array_values()函数重置数组的键名(key),语法“array_values($array)”,适用于关联函数或键名(key)混乱的数组,将其变为从0开始且以1递增的数字值。2、使用array_combin...
    99+
    2022-07-01
    php数组 php
  • php数组怎么改变键值
    在 PHP 中,改变数组键值的方法有多种,以下是其中几种常见的方法:1.使用 array_combine() 函数array_combine() 函数将两个数组合并为一个新数组,其中一个数组为键名,另一个数组为键值,通过此函数可以将原数组的...
    99+
    2023-05-19
  • 修改Go切片的值会覆盖数组的值吗
    今天小编给大家分享一下修改Go切片的值会覆盖数组的值吗的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。切片与数组数组数组是具有...
    99+
    2023-06-29
  • es6如何改变数组数据
    本文小编为大家详细介绍“es6如何改变数组数据”,内容详细,步骤清晰,细节处理妥当,希望这篇“es6如何改变数组数据”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 ...
    99+
    2024-04-02
  • es6如何求数组最大值
    这篇文章主要介绍了es6如何求数组最大值的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6如何求数组最大值文章都会有所收获,下面我们一起来看看吧。求数组最大值的方法:1、Math.max()配合apply()...
    99+
    2023-07-04
  • es6数组如何去掉规定的值
    这篇“es6数组如何去掉规定的值”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“es6数组如...
    99+
    2024-04-02
  • php怎么修改数组键
    这篇文章主要介绍“php怎么修改数组键”,在日常操作中,相信很多人在php怎么修改数组键问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php怎么修改数组键”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!ph...
    99+
    2023-06-30
  • python如何修改元组的值
    元组是不可变的,因此无法直接修改元组的值。但是可以通过以下方法间接修改元组的值:1. 将元组转换为列表,修改列表的值,然后再将列表转...
    99+
    2023-09-14
    python
  • 聊聊php怎么改变数组的value值
    PHP作为一门被广泛应用于web开发的脚本语言,在处理数据时经常需要使用数组。数组是一种存储一系列数据的结构,而数组的某个元素则是这种数据中的一个单独部分。当我们需要对数组中的某些元素的值进行修改时,就需要使用PHP提供的相应函数进行操作。...
    99+
    2023-05-14
  • react怎么修改state中的数组
    要修改state中的数组,可以使用setState方法更新state的值。在React中,不应直接修改state中的值,而是应该创建...
    99+
    2023-09-13
    react
  • php怎么修改数组的下标
    这篇文章主要讲解了“php怎么修改数组的下标”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“php怎么修改数组的下标”吧!两种方法:1、用“array_values($arr)”语句,可将关联...
    99+
    2023-06-30
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作