JS | 数组新增元素

article/2025/11/5 18:41:44

数组可以在一个变量中存放多个数据,相比于变量来说,存取数据是十分便捷的。今天我们来说一下如何给数组新增元素。

1.新增数组元素,修改length长度

    var arr = ['red','green','blue'];console.log(arr.length);arr.length = 5;console.log(arr);console.log(arr[3]);console.log(arr[4]);

 可以看到,当我们用 arr.length = 5 来给数组新增元素时,后面两个是空的,打印出来是undefined。

2.通过索引值给数组添加元素

    var arr1 = ['red','green','blue'];arr1[3]='pink';arr1[4]='hotpink';arr1[0]='yellow';console.log(arr1);

可以看到,我们可以通过索引值给数组添加新元素。但是当之前的索引位置如果有数据时,再通过 索引值给数组赋值,是会覆盖原先的值。还有一个需要注意的点,不要直接给数组名赋值,否则里面的数组元素都没有了。

    arr1 = '有点意思';console.log(arr1);

 通过上面的描述,我们知道了如何向一个数组添加我们想要添加的元素或者数据,那如果要求一下子添加10个、100个元素呢?难道我们要一个一个添加进去吗?答案肯定是否定的,我们可以结合我们之前学过的for循环来进行添加数据。

    var arr=[];for (var i=0;i<10;i++){arr[i]=i+1}console.log(arr)

 我们再来写一个例子来巩固一下。

将数组[5,34,53,8,7,98,6,1]中大于10的元素筛选出来,放入新数组中。

我们先来分析一下,首先,我们要先声明一个新的数组用于存放新数据newArr;然后,我们要在原来的数组中找出大于10的元素,最后依次追加给新数组newArr.

   var arr = [5,34,53,8,7,98,6,1];var newArr = [];var j=0;for( var i=0; i<arr.length; i++){if(arr[i] >=10){newArr[j] = arr[i];j++;}}console.log(newArr)

 

这个例子其实不难,但是需要注意的点是,新数组索引号应该从0开始,依次递增。

好了,今天的数组就说这么多,希望对大家有所用~


http://chatgpt.dhexx.cn/article/tbajjrL3.shtml

相关文章

js向对象中添加元素(对象,数组)

一、添加一个元素 对象名[“属性名”] 值 (值:可以是一个值,可以是一个对象,也可以是一个数组) 这样添加进去的元素,就是一个值 或 对象 或 数组 var obj {"name":"leo"}; console.log(obj); <!-- 往对象中添加元素 对象名["属性名"] 值…

成功解决CocoaPods could not find compatible versions for pod “RCT-Folly”

⭐️背景&#xff1a;当我运行react-native 的ios项目&#xff0c;运行pod install时出现下面的错误 &#xff08;1&#xff09;截图如下 &#xff08;2&#xff09;报错详细信息如下 [!] CocoaPods could not find compatible versions for pod "RCT-Folly":In sn…

folly库安装(1)cmake和gcc的安装、升级

facebook的folly库是个很强大的c库&#xff0c;是对标准c库的强大补充&#xff0c;里面提供了很多高性能的组件&#xff0c;比如FbString, Futures, Executors, ConcurrentHashMap, AsyncUDP等。但folly的安装有点小麻烦&#xff0c;我这里把安装的整个过程记录一下&#xff0c…

C++ folly库解读(三)Synchronized —— 比std::lock_guard/std::unique_lock更易用、功能更强大的同步机制

目录 返利 www.cpa5.cn 传统同步方案的缺点folly/Synchronized.h 简单使用Synchronized的模板参数withLock()/withRLock()/withWLock() —— 更易用的加锁方式升级锁ulock()和 withULockPtr()Timed LockingSynchronized 与 std::condition_variableacquireLocked() —— 同时…

folly库安装(4)folly依赖的重要组件安装:double-conversion, google-gflags, glog, fmt, googletest, boost等

folly库依赖的组件版本可以在build\fbcode_builder\manifests目录查看&#xff0c;比如需要查看double-conversion的版本&#xff0c;只需要打开double-conversion文件&#xff0c;就能查看到依赖文件的详细版本信息。 这篇文章&#xff0c;我会把double-conversion, google-gf…

C++学习(四):Facebook 的 C++ 11 组件库 Folly Futures

Futures 是一种通过自然的、可组合的方式表达异步计算的模式。这篇博文介绍了我们在 Facebook 中使用的一种适用于 C11 的 futures 实现&#xff1a;Folly Futures。 为什么要使用异步&#xff1f; 想象一个服务 A 正在与服务 B 交互的场景。如果 A 被锁定到 B 回复后才能继续…

folly::ConcurrentSkipList 详解

SkipList 原理及构造过程 SkipList 是受多层链表的启发而设计出来的。实际上&#xff0c;最理想的情况是上面每一层链表的节点个数&#xff0c;是下面一层的节点个数的一半&#xff0c;这样查找过程就非常类似于一个二分查找&#xff0c;使得查找的时间复杂度可以降低到 O(log…

Facebook Folly源代码分析

Folly是Facebook的一个开源C11组件库&#xff0c;它提供了类似Boost库和STL的功能&#xff0c;包括散列、字符串、向量、内存分配、位处理等&#xff0c;用于满足大规模高性能的需求。 6月初&#xff0c;Facebook宣布将其内部使用的底层C组件库Folly开源&#xff0c;本文尝试对…

folly官方例子

folly官方例子 Future<vector<LeafResponse>> fanout(const map<Leaf, LeafReq> &leafToReqMap,chrono::milliseconds timeout) {vector<Future<LeafResponse>> leafFutures;for (const auto &kv : leafToReqMap) {const auto &leaf…

Facebook 的 C++ 11 组件库 Folly Futures

英文原版&#xff1a;https://code.facebook.com/posts/1661982097368498/futures-for-c-11-at-facebook/ https://www.oschina.net/translate/futures-for-c-11-at-facebook http://www.lupaworld.com/article-254822-1.html Futures 是一种通过自然的、可组合的方式表达异…

交叉编译folly库

假定交叉编译链工具所在目录为&#xff1a;/home/softwares/gcc-ubuntu-9.3.0-2020.03-x86_64-aarch64-linux-gnu/bin/&#xff0c;其c编译器为&#xff1a;/home/softwares/gcc-ubuntu-9.3.0-2020.03-x86_64-aarch64-linux-gnu/bin/aarch64-linux-gnu-g 1. 下载folly源码&…

folly库安装(5)folly的安装

上面这些准备工作做完了&#xff0c;现在就可以安装folly了&#xff0c;其实这时folly的安装已经非常顺利了。网上有人说folly的安装很麻烦&#xff0c;最重要是上面的准备工作没做好&#xff0c;只要你按照我上面的文章&#xff0c;一步步做下来&#xff0c;安装成功是没问题的…

揭秘Facebook官方底层C++函数Folly

2019独角兽企业重金招聘Python工程师标准>>> Folly与Boost、当然还有std等组件库的关系是互为补充&#xff0c;而不是彼此竞争。实际上&#xff0c;只有当我们需要的东西既没有&#xff0c;也无法满足所需的性能要求时&#xff0c;我们才开始定义自己的组件。 性能问…

《设计原则》(一)

易理解性和易使用性的设计原则 提供一个好的概念模式&#xff1b;&#xff08;一个好的概念模式使用户能够预测操作的行为效果&#xff09;可视性(消除执行阶段和评估阶段的鸿沟)&#xff1b;自然匹配&#xff1b;&#xff08;利用物理环境类比和文化标准概念、空间类比&#…

C++设计模式的设计原则(面向对象八大设计原则)

面向对象设计八大设计原则 一、温故面向对象二、八大设计原则三、以史为鉴 先掌握八大设计原则&#xff0c;再详细看23种设计模式&#xff08;&#x1f448;点我&#xff09; 一、温故面向对象 &#xff08;1&#xff09;隔离变化&#xff1a;从宏观层面上来看&#xff0c;面向…

设计原则设计模式

导论 什么是设计原则&#xff1a;判断程序设计质量好坏的准则。什么是设计模式&#xff1a;软件设计过程中重复出现问题的解决方案设计原则的作用&#xff1a;指导抽象、类、类关系设计&#xff0c;相当于指导设计程序基础框架&#xff08;Rank-分层、Role-角色、Relation-类关…

设计原则详解

1.单一职责 一个类&#xff0c;只有一个引起它变化的原因。应该只有一个职责。每一个职责都是变化的一个轴线&#…

五大设计原则——SOLID

目录 简介&#xff1a; 1、单一职责原则&#xff08;SRP&#xff09; 2、开闭原则&#xff08;OCP&#xff09; 3、里式替换原则&#xff08;LSP&#xff09; 4、依赖倒置原则 (DIP) 5、接口隔离原则 (ISP) 简介&#xff1a; 无论是软件系统设计&#xff0c;还是代码实现…

1. 设计原则

文章目录 设计原则思维导图核心理论SOLID单一职责开放封闭里式替换接口隔离依赖反转 KISSDRYLOD 设计原则思维导图 核心理论 基于接口编程 “基于接口而非实现编程” - “Program to an interface, not an implementation”。 “接口”就是一组“协议”或者“约定”&#xff…

七大设计原则

一、七大设计原则 &#xff08;1&#xff09;单一职责原则 &#xff08;2&#xff09;接口隔离原则 &#xff08;3&#xff09;依赖倒置原则 &#xff08;4&#xff09;里氏替换原则 &#xff08;5&#xff09;开闭原则 &#xff08;6&#xff09;迪米特法则 &#xff0…