js给数组添加数据的方式/js 向数组对象中添加属性和属性值[通俗易懂]

js给数组添加数据的方式/js 向数组对象中添加属性和属性值[通俗易懂]参考:https://www.cnblogs.com/ayaa/p/14732349.htmljs给数组添加数据的方式有以下几种:直接利用数组下标赋值来增加(数组的下标起始值是0)例,先存在一个有3个数据的数组:letarr=[1,2,3];console.log(arr);  此时输出的结果是[1,2,3]letarr=[1,2,3];arr[3]=5;console.log(arr);  此时的输出结果是[1,2,3,5];通过数组名[数组名.le.

大家好,又见面了,我是你们的朋友全栈君。

参考:https://www.cnblogs.com/ayaa/p/14732349.html

js给数组添加数据的方式有以下几种:

  1. 直接利用数组下标赋值来增加(数组的下标起始值是0)
例,先存在一个有3个数据的数组:

let arr=[1,2,3];
console.log(arr);  此时输出的结果是[ 1, 2, 3 ]
let arr=[1,2,3];
arr[3]=5;
console.log(arr);  此时的输出结果是[ 1, 2, 3, 5 ]
  1. 通过 数组名[数组名.length] 来增加
let arr=[1,2,3];
arr[arr.length]=5;
console.log(arr);  此时的输出结果是[ 1, 2, 3, 5 ]
  1. 通过 数组名.push(参数) 来增加从数组最后一个数据开始增加,push可以带多个参,带几个参,数组最后就增加几个数据
let arr=[1,2,3];
arr.push(5);
console.log(arr);  此时的输出结果是[ 1, 2, 3, 5 ];


let arr=[1,2,3];
// arr.push(5);
arr.push(5,8,9);
console.log(arr);  此时的输出结果是[ 1, 2, 3, 5, 8, 9 ]
  1. 通过 数组名.unshift(参数)来增加从数组第1个数据开始的参数,unshift可以带多个参,带几个参,数组最开始就增加几个数据
let arr=[1,2,3];
arr.unshift(5);
console.log(arr);  此时的输出结果是[ 5, 1, 2, 3 ];



let arr=[1,2,3];
// arr.unshift(5);
arr.unshift(5,8,9);
console.log(arr);  此时的输出结果是[ 5, 8, 9, 1, 2, 3 ]
  1. 用 数组名.splice(开始插入的下标数,0,需要插入的参数1,需要插入的参数2,需要插入的参数3……)来增加数组数据
let arr=[1,2,3];
//splice(第一个必需参数:该参数是开始插入\删除的数组元素的下标,第二个为可选参数:规定应该删除多少元素,如果未规定此参数,则删除从 第一个参数 开始到原数组结尾的所有元素,第三个参数为可选参数:要添加到数组的新元素)
let result=arr.splice(3,0,7,8,9)
console.log(arr);  此时的输出结果是[ 1, 2, 3, 7, 8, 9 ];
因为举例是从第3个下标开始,所以是直接在数组的最后开始增加数组内容;

js 向数组对象中添加属性和属性值

https://blog.csdn.net/qq_24147051/article/details/80541112

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/132130.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 真实世界里的钢铁侠-特斯拉汽车创始人埃隆·马斯克(Elon Musk)

    真实世界里的钢铁侠-特斯拉汽车创始人埃隆·马斯克(Elon Musk)

    2022年1月21日
    638
  • 常见数据结构与算法整理总结(下)_c语言数据结构查找算法

    常见数据结构与算法整理总结(下)_c语言数据结构查找算法查找是在大量的信息中寻找一个特定的信息元素,在计算机应用中,查找是常用的基本运算,例如编译程序中符号表的查找。定义:根据给定的某个值,在查找表中确定一个其关键字等于给定值的数据元素(或记录)。分类

    2022年8月16日
    5
  • Oracle 重建索引脚本

    Oracle 重建索引脚本

    2022年1月12日
    39
  • 画平行线的步骤口诀_长轴的简化画法

    画平行线的步骤口诀_长轴的简化画法平行线的判定方法是初中数学必须要掌握的知识,但有些同学不太熟悉平行线的判定方法,总会出现丢分的现象,我们一起来看一下常用的平行线的判定方法。(1)平行线的定义法在同一平面内,不相交的两条直线叫做平行线。直线a与b平行,则a∥b(2)平行线的传递性如果两条直线都与第三条直线平行,那么这两条直线也互相平行。也就是说:如果b∥a,c∥a,那么b∥c例题:如图,直线a∥b,b∥c,c∥d,那么a∥d吗?…

    2022年9月20日
    3
  • 前端开发APP,从HBuilder开始~

    前端开发APP,从HBuilder开始~内容简介介绍目前前端人员开发app的几种方法,具体介绍hbuilder开发app,一扇赞新的大门~无所不能的js最开始js仅仅局限于网页上一些效果,操作网页内容等,但是nodejs把js带入了后端,也就是服务器端,从此前端人员可以涉及后端,前后通吃,native.js(以及其他js,稍候介绍)把js带入了移动端,从此前端人员前后移动通吃。前端涉及app的两种

    2022年5月31日
    56
  • log4j pattern详解_log4j不同的类输出到不同文件中

    log4j pattern详解_log4j不同的类输出到不同文件中spring使用log4j,可以有2种方法。1、在web.xml里不做任何配置。log4j.properties放在classpath根目录下,这时候生成的日志文件就没有相对路径,如果写相对路径,则会生成在安装tomcat的根路径下。2、在web.xml设置。          log4jConfigLocation          WEB-INF/classes/log4j.propert

    2022年8月22日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号