JavaScript(六):数组

news2024/12/29 23:02:21

JavaScript数组

    • 数组的创建方式
    • 数组的索引(不使用内置方法)
    • 数组的遍历
    • 数组中新增元素(不使用内置方法)
    • 数组的检测
    • 数组的方法

数组的创建方式

1.利用new创建数组

var 数组名 = new Array();

例如:

var arr = new Array();

请添加图片描述

注意Array(),A要大写,当括号内数字大于2时,那么里面的就表示数组元素

2. 利用数组字面量创建数组

var 数组名 = [ ];

  1. 数组的字面量是方括号[ ]
  2. 声明数组并赋值称为数组的初始化
  3. 数组中可以存放任意类型的数据,例如字符串、数字、布尔值等

例如:

var a = ['hello','world',12,5,true]

数组的索引(不使用内置方法)

数组的索引(下标):用来访问数组元素的序号(数组下标从0开始)
数组通过索引来访问、设置、修改对应的数组元素,我们可以通过“数组名[索引]”的形式来获取数组中的元素

  • 格式

格式: 数组名[索引号]

var arr=['nihao','hello','world'];
console.log(arr[1]);
//结果为hello

数组的遍历

通过“数组名[索引号]”的方式一项项的取出来,通过循环的方法。请添加图片描述

注意:注意:i从0开始,i<arr.length,不能是小于等于,长度不是从0开始计算

数组中新增元素(不使用内置方法)

步骤

  1. 修改数组长度
  2. 给新增的数组赋值

修改数组长度:通过修改length长度


        //第一步,修改数组长度
        var arr = ['hello', 'world', '!'];
        console.log(arr);
        arr.length = 5;//修改数组长度
        console.log(arr);//最后两个没有数组,显示empty*2

        //第二步、新增数组元素,修改索引号
        arr[3] = 15;
        arr[4] = 16;
        console.log(arr);//结果为['hello', 'world', '!', 15, 16]

数组的检测

请添加图片描述

数组的方法

1.数组元素的添加删除

请添加图片描述

例如:

请添加图片描述

注意:返回push 或者是unshift的话是返回的数组的长度

      var arr = ['hello', 'world', 2023];
        console.log(arr.pop());//返回值为被删除的元素,同时删除最后一个元素
        arr.pop();//删除最后一个元素,上面2023已经被删除了,因此此时最后一个元素是'world'
        console.log(arr);//结果为'hello'

pop删除最后一个元素返回值为被删除的元素,unshift删除第一个元素,返回值为被删除的元素。

2.数组排序
请添加图片描述

       var arr = ['hello','world',98,54];
       arr.reverse();//翻转数组
       console.log(arr);//结果为[54, 98, 'world', 'hello']


       var arr1 = [2,51,78,78,68,52,6];
       arr1.sort();//对数组进行排序
       console.log(arr1);//结果为[2, 51, 52, 6, 68, 78, 78]
       //sort()函数的问题:先进行第一位比赛比如2和51比较,先比较2 和 5,在进行下一次比较
       
       //修改方法,固定方法
       arr1.sort(function(a,b){
        return a - b;//升序进行排列
        //如果使用降序,则使用 return b - a;
       })
       console.log(arr1);//结果为[2, 6, 51, 52, 68, 78, 78]

其中需要注意代码中的sort()函数的问题

3.数组的索引
请添加图片描述

      var arr = ['hello','world','world','world',98,54];
     console.log(arr.indexOf('world'));//结果为1,为第一个world的索引号
     console.log(arr.indexOf(63));//结果为-1,索引不存在返回值为-1
     console.log(arr.lastIndexOf('world'));//结果为3.为最后一个world的索引号

4.数组转换为字符串请添加图片描述

请添加图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/98012.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

一句话生成角色动画 # text2motion

‍‍‍‍当你和他人谈论人工智能的潜力时&#xff0c;很多人都表露出同样的担心&#xff1a;害怕被取代‍特别在最近几个月&#xff0c;随着生成式人工智能的投资和创新的爆炸性增长&#xff0c;这些不安的感觉更加强烈。机器学习中相对较新的创新&#xff0c;即扩散模型&#…

干货 | 轮廓逼近原理与OpenCV应用(附Python-OpenCV文档下载)

导 读 本文主要介绍轮廓逼近的原理及其在OpenCV中的使用演示。同时可在文末获取Python-OpenCV学习文档pdf。 背景介绍 轮廓逼近的应用比较广泛,如下路线俯视图的简化: 通过迭代平滑一些顶点,从而产出更加线性的路线: 当然这只是轮廓逼近的其中一个应用,后续我们将…

nodejs企业工厂设备维修管理系统vue

目 录 摘 要 I ABSTRACT II 目 录 II 第1章 绪论 1 1.1背景及意义 1 1.2 国内外研究概况 1 1.3 研究的内容 1 第2章 相关技术 3 2.1 web简介 4 2.3 B/S结构 4 2.4 MySQL数据库 4 第3章 系统分析 5 3.1 需求分析 5 3.2 系统可行性分析 5 3.2.1技术可行性&#xff1a;技术背景 5 …

【Linux权限】文件权限值,权限掩码,粘滞位,普通用户添加信任名单

目录 1.权限分为2种用户&#xff1a;超级用户&#xff0c;普通用户 2.文件类型和访问权限 ​3.权限掩码&#xff08;八进制&#xff09; 4.sudo短暂提升权限 5.粘滞位 1.权限分为2种用户&#xff1a;超级用户&#xff0c;普通用户 超级用户&#xff08;通常为root&#x…

【前端开发学习】5.JQuery

文章目录1 JQuery2 快速上手3 寻找标签3.1 直接寻找3.2 间接寻找案例&#xff1a;菜单转换4 操作样式5 值的操作案例&#xff1a;动态创建数据库6 事件案例&#xff1a;表格操作7 前端整合案例1 JQuery 一个 JavaScript 的第三方模块&#xff08;第三方类库&#xff09;。 基…

再学C语言7:数据类型(3)——char类型

char类型用于存储字母和标点符号之类的字符 在技术实现上&#xff0c;char是整数类型&#xff0c;因为char类型实际存储的是整数而不是字符 为了处理字符&#xff0c;计算机使用一种数字编码&#xff0c;用特定的整数表示特定的字符 经典和常用的是ASCII码&#xff0c;标准A…

React学习29(react-redux最终完整版)

说明 1&#xff09;所有变量名字要规范&#xff0c;尽量触发对象的简写形式 2&#xff09;reducers文件夹中&#xff0c;编写index.js专门用于汇总并暴露所有的reducer 项目结构 代码示例 index.js import React from react import ReactDOM from react-dom import App fr…

ios 证书与签名

证书与签名 XCode中配置的Code Signing Identity&#xff08;entitlements、certificate&#xff09;必须与Provisioning Profile匹配&#xff0c;并且配置的Certificate必须在本机Keychain Access中存在对应Public&#xff0f;Private Key Pair&#xff0c;否则编译会报错。 X…

Improved Techniques for Training Score-Based Generative Models论文阅读

论文链接&#xff1a;Improved Techniques for Training Score-Based Generative Models 文章目录摘要引言背景郎之万动力学基于分数的生成模型选择噪声尺度初始的噪声尺度其它噪声等级结合噪音信息配置退火朗之万动力学EMA改善稳定性组合所有技巧定量结果消融研究更高分辨率结…

[附源码]计算机毕业设计PythonQ宝商城(程序+源码+LW文档)

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程 项目运行 环境配置&#xff1a; Pychram社区版 python3.7.7 Mysql5.7 HBuilderXlist pipNavicat11Djangonodejs。 项目技术&#xff1a; django python Vue 等等组成&#xff0c;B/S模式 pychram管理等…

同样是1亿数据,为什么nutsdb扛不住,而badgerdb可以?

背景 ​ 之前在知乎上看到一个问题&#xff1a;作为一个KV数据库&#xff0c;levelDB为什么使用LSM树实现&#xff0c;而不是hash索引&#xff1f;当时就想作答一番。不过看到问题下方已经有大佬作答了&#xff0c;而我也说不出什么新东西来。于是选择作罢。 ​ 但是最近有nut…

磁共振功能成像BOLD-fMRI原理

小川诚二(Seiji Ogawa)教授于1990年首次在大鼠上实现了功能磁共振成像 fMRI的对比度产生机制 fMRI的信号来源仍然为氢质子&#xff0c;MRI解剖图像对解剖结构的差别非常敏感&#xff0c;fMRI功能图像对神经元活动所伴随的生理变化敏感fMRI的生理学基础 脑的血液动力学&#x…

【Ubuntu】将Qt程序打包制作成deb

1、打包Qt程序 1.1 下载linuxdeployqt 如果使用环境是x86可以直接下载,下载地址 https://github.com/probonopd/linuxdeployqt/releases如果使用环境是嵌入式,需要下载linuxdeployqt源码,自行编译 1.2 安装linuxdeployqt 将下载解压后的linuxdeployqt,拷贝到/usr/local…

Dubbo 3 Dubbo 快速入门 3.2 Dubbo 快速入门 3.2.1 Spring和 SpringMvc 整合

Dubbo 【黑马程序员Dubbo快速入门&#xff0c;Java分布式框架dubbo教程】 3 Dubbo 快速入门 文章目录Dubbo3 Dubbo 快速入门3.2 Dubbo 快速入门3.2.1 Spring和 SpringMvc 整合3.2 Dubbo 快速入门 3.2.1 Spring和 SpringMvc 整合 依然拿着 架构图来比着搞 【实现步骤】 ①创…

5G无线技术基础自学系列 | 单站点验证准备

素材来源&#xff1a;《5G无线网络规划与优化》 一边学习一边整理内容&#xff0c;并与大家分享&#xff0c;侵权即删&#xff0c;谢谢支持&#xff01; 附上汇总贴&#xff1a;5G无线技术基础自学系列 | 汇总_COCOgsta的博客-CSDN博客 单站点验证需要的准备工作包括硬件及通…

超越nnFormer!UNETR++:高效准确的3D医学图像分割

UNETR: Delving into Efficient and Accurate 3D Medical Image Segmentation 论文链接&#xff1a; https://arxiv.org/abs/2212.04497 代码链接&#xff1a; https://github.com/Amshaker/unetr_plus_plus 导读 这篇论文主要讲述了一种名为 UNETR 的 3D 医学图像分割方法&…

[附源码]Node.js计算机毕业设计黑河市劳务人员管理系统Express

项目运行 环境配置&#xff1a; Node.js最新版 Vscode Mysql5.7 HBuilderXNavicat11Vue。 项目技术&#xff1a; Express框架 Node.js Vue 等等组成&#xff0c;B/S模式 Vscode管理前后端分离等等。 环境需要 1.运行环境&#xff1a;最好是Nodejs最新版&#xff0c;我…

绘制面积图(折线图)plot.area方法

【小白从小学Python、C、Java】 【计算机等级考试500强双证书】 【Python-数据分析】 绘制面积图&#xff08;折线图&#xff09; plot.area方法 [太阳]选择题 以下python代码结果错误的一项是? import matplotlib.pyplot as plt import pandas as pd import numpy as np myDa…

【LVGL学习笔记】(三)控件使用

LVGL全程LittleVGL&#xff0c;是一个轻量化的&#xff0c;开源的&#xff0c;用于嵌入式GUI设计的图形库。并且配合LVGL模拟器&#xff0c;可以在电脑对界面进行编辑显示&#xff0c;测试通过后再移植进嵌入式设备中&#xff0c;实现高效的项目开发。 LVGL中文教程手册&#…

汇编条件转移指令

目录 条件转移指令&#xff08;基本格式&#xff09; 简单条件转移指令 区分带符号数和无符号数 无符号数条件转移指令 比较内存中两个无符号数的大小&#xff0c;显示器输出小的数 内存中三个无符号数&#xff0c;输出最小的 符号数的条件转移指令 内存中有三个字节型带…