首页 > 编程语言 >Javascript 指南:数组

Javascript 指南:数组

时间:2023-05-26 14:34:48浏览次数:37  
标签:指南 输出 const Javascript 名称 数组 控制台 日志

Javascript 指南:数组_数据类型

数组

数组是 JavaScript 的有序列表,可以存储任何数据类型,包括字符串、数字和布尔值。

数组中的每个项目都位于一个编号位置。

句法

  • 数组由方括号和里面的内容表示。
  • 数组中的元素应该用逗号分隔。
让colors = [ "red" , "blue" , "green" , "yellow" ] ;

访问和更新元素

  • 要访问或更改数组中的单个项目,我们使用其编号位置。数组中的位置是零索引的,这意味着位置从 0 开始计数。

句法

数组名称后跟括号内要访问或更新的项的索引。

控制台。日志(颜色[ 3 ] );

输出:

yellow

要更新项目,请将数组和索引设置=为新值。

颜色[ 1 ] = “紫色” ;  控制台。日志(颜色);

输出:

[ 'red', 'purple', 'green', 'yellow' ]

包含 let 和 const 的数组

用关键字const 和let声明的数组的内容可以更改;但是,不能为const声明的数组重新分配新数组或不同的值。

const capitals = [ '雅典' , '巴黎' , '伦敦' , '东京' ] ;    首都[ 1 ] = “柏林” ;  控制台。日志(首都);

输出:

[ 'Athens', 'Berlin', 'London', 'Tokyo' ]

当我们尝试为capitals重新分配一个新值时,我们得到一个错误。

首都= “莫斯科” ;

输出:

TypeError: Assignment to constant variable.

内置属性和方法

内置属性

属性用于检索有关数据类型实例的某些信息。

句法

要使用属性,请在数组名称后加上句点和属性名称。

length属性返回数组capitals中元素数。

const capitals = [ '雅典' , '巴黎' , '伦敦' , '东京' ] ;    控制台。日志(大写字母。长度);

输出:

4

内置方法

在数组上调用方法来执行某些任务,例如添加和删除元素。

句法

要使用方法,请在数组名称后加上句点和方法名称。

.push()是一种将项目添加到数组末尾的方法。

const seasons = [ '冬天' , '春天' , '夏天' ] ;        四季。推('秋天' );  控制台。日志(季节);

输出:

[ 'Winter', 'Spring', 'Summer', 'Autumn' ]

.pop()是一种删除数组最后一个元素的方法。

const seasons = [ '冬天' , '春天' , '夏天' ] ;      四季。弹出( ) ;控制台。日志(季节);

输出:

[ 'Winter', 'Spring' ]

.pop ().push()都会改变或更改调用它们的数组。

数组和函数

如果一个数组在一个函数内发生了变化,那么这个变化也将在函数外部保持不变。

const   names   = [ 'John' , 'Maria' , 'Will' , 'Anna' ] ;         
函数添加名称(arr ){       啊。推('塞缪尔' );  }  
添加名称(名称);  控制台。日志(名称);

输出:

[ 'John', 'Maria', 'Will', 'Anna', 'Samuel' ]

嵌套数组

数组可以嵌套或包含其他数组。

句法

要访问嵌套数组中的元素,请将更多括号符号与索引值链接起来。

const pizzaOrders = [ [ '意大利辣香肠' , '可乐' ] , [ '玛格丽塔' , '百事可乐' ] ] ;    控制台。日志(披萨订单[ 1 ] );控制台。日志(披萨订单[ 1 ] [ 0 ] );

输出:

[ 'Margherita', 'Pepsi' ] 
Margherita

标签:指南,输出,const,Javascript,名称,数组,控制台,日志
From: https://blog.51cto.com/u_15739596/6355387

相关文章

  • 视频直播源码,JavaScript 下载文件、图片
    视频直播源码,JavaScript下载文件、图片一、下载文件 letdownLoadFile=(obj,name,suffix)=>{   consturl=window.URL.createObjectURL(newBlob([obj]));   constlink=document.createElement('a');   link.style.display='none';   l......
  • Navicat 入门及免费安装指南:轻松管理您的数据库
    引言在当今数据驱动的时代,良好的数据库管理对于企业和个人开发者而言都是至关重要的。为了更高效地处理数据库相关任务,用户需要一款强大且易用的数据库管理工具。这就是今天我们要讲述的Navicat。Navicat是一款支持多种主流数据库类型(如MySQL、MariaDB、Oracle以及PostgreSQ......
  • Java 实践(Netbeans开发)——StringTokenizer实现数组分割
     引:StringTokenizer存在于java.util. StringTokenizer包中,是一个用来分隔String的应用类,相当于VB的split函数。1.构造函数publicStringTokenizer(Stringstr)publicStringTokenizer(Stringstr,Stringdelim)publicStringTokenizer(Stringstr,Stringdelim,boolean......
  • 常见场景问题、面试问题,解决思路指南
    如何避免订单或表单重复提交?这个用术语来讲,是保证用户操作的幂等性。有以下思路:前端对按钮点击事件做好处理,避免短时间内可以点击两次,且都能成功调用后端服务接口。比如对按钮设置状态,在后端接口正常响应前再次点击无效或禁用按钮。后端接口执行逻辑前,先查询,判断之前未做相关......
  • MobPush iOS端合规指南
    2021年5月1日起,由国家互联网信息办公室、工业和信息化部、公安部、国家市场监督管理总局联合制定了《常见类型移动互联网应用程序必要个人信息范围规定》(简称“App必要个人信息范围规定”)已正式施行。“App必要个人信息范围规定”不仅明确常见39种类型的App必要个人信息范围,而且明......
  • JavaScript 格式化金额
    JavaScript格式化金额一、使用toLocaleString()要格式化金额,可以使用JavaScript的toLocaleString()方法。该方法可以将数字转换为本地化的字符串表示形式,并可以指定货币符号、小数点和千位分隔符等格式。代码如下:美元constamount=1234567.89;constformattedAmou......
  • javascript设计模式-享元
    这是一种优化性能代码的模式,最适合解决因创建大量类似对象而累及性能的问题。对于那些可能一连几天也不会重新加载的大型应用系统非常有用。它用于减少应用程序所需要数量,通过将对象内部划分为内在数据和外在数据两类来实现。管理享元外在数据有许多方法:1、数据库;2、组合模式(利用......
  • 【深度剖析】JavaScript中块级作用域与函数作用域
    前言系列首发于公众号『前端进阶圈』,若不想错过更多精彩内容,请“星标”一下,敬请关注公众号最新消息。面试官必问系列:深入理解JavaScript块和函数作用域在JavaScript中,究竟是什么会生成一个新的作用域,只有函数才会生成新的作用域吗?那JavaScript其他结构能生成新的作用域吗?3.1......
  • laytpl( Layui 的一款轻量 JavaScript 模板引擎)
    laytpl 是Layui的一款轻量JavaScript模板引擎,在字符解析上有着比较出色的表现。laytpl是一款颠覆性的JavaScript模板引擎文档说明一、模版语法输出一个普通字段,不转义html:{{d.field}}输出一个普通字段,并转义html:{{=d.field}}JavaScript脚本:{{#JavaScriptstate......
  • 树状数组学习总结
    今天本初中生蒟蒻学习了一下\(\color{red}{树状数组}\),总结一下~~~树状数组的实现功能简介快速求前缀和(\(\color{purple}{O(log_2n)}\))修改某一个数(\(\color{green}{O(log_2n)}\))树状数组图示树状数组其实就是如图所建立的~~~下面引入一个函数——lowbitlowbit(x)是x......