首页 > 编程语言 >JavaScript数组

JavaScript数组

时间:2023-12-23 10:22:38浏览次数:36  
标签:JavaScript 数组 元素 let arr1 new Array

数组

在JavaScript开发中,数组主要用于临时存储多个数据,可以存放不同类型的数据。

数组的定义

数组的定义有两种方式:

①使用Array对象使用new关键字实现,语法如下:

//定义一个空数组
let  array =  new  Array();

//定义元素值位数值的数组
let array = new  Array(1,2,3,1.3);

//定义元素值为字符串的数组
let array = new Array('a','b','c');

//定义元素值为复杂类型的数组
let array = new Array(12,1.3,'abc',true,null);

//传入一个整数值,即使定义数组的长度
let array = new Array(5);//表示定义一个长度为5的数组

注意一点:在定义数组的时候可以省略new关键字。

②使用[]定义数组

使用[]和使用Array对象定义数组的方式类似,将new Array()替换为 [] 即可,语法如下

语法:

//定义一个空数组
let  array = []

//定义元素值为数值的数组
let  nums = [1,2,3];

// 定义元素值为字符串的数组
var fruits = ['apple', 'pear', 'orange']; 

// 定义元素值为复杂类型的数组
var complex = ['hello', 1, true, null]; 

// 定义部分元素值为空的数组
var empty = [1, , , 4, 5];

数组元素的操作

数组元素的操作可以通过索引值从0开始,进行赋值输出操作

举个例子:

//定义一个包含3个元素的数组
let  array = ['a','b','c'];

//数组的输出
console.log(array[0]);

//数组的修改并赋值
array[0]=1;
console.log(array[0]);

效果展示:

数组元素的操作还可以通过for循环进行遍历输出或赋值

 举个例子:

// 定义变量并赋值
let n = 5;
// 定义一个空数组
let arr = new Array(5); 
// 使用 for 语句为数组元素赋值
for (let i=0; i<n; i++){ 
   arr[i] = i; 
   console.log(arr[i]); }

效果展示:

数组的删除操作

JavaScript中数组的删除操作,并不会影响数组的长度,只是单纯的将数组指定位置的元素改成undefined

举个例子:

let arr = new Array("a", "b", "c");
delete arr[1];
//删除数组arr[1]
for(let i=0;i<arr.length;i++){
    console.log(arr[i]);
}

效果展示:

 数组的常见属性和方法

 举个例子:

var arr1 = new Array("a", "b", "c", "d", "e", "f");
var arr2 = new Array("g", "h");
// 输出 arr1 的长度 6
document.write(arr1.length + "<br />"); 
// 输出连接后的新数组 a,b,c,d,e,f,g,h 
document.write(arr1.concat(arr2) + "<br />");
// 在 arr1 的末尾添加元素 i,输出其长度 7,此时 arr1=["a","b","c","d", "e","f","i"] 
document.write(arr1.push("i") + "<br />");
// 在 arr1 的开头添加元素 j,输出其长度 8,此时 arr1=["j","a","b","c", "d","e","f","i"] 
document.write(arr1.unshift("j") + "<br />");
// 删除 arr1 的最后一个元素,输出该元素 i,此时 arr1=["j","a","b","c", "d","e","f"]
document.write(arr1.pop() + "<br />");
// 删除 arr1 的第一个元素,输出该元素 j,此时 arr1=["a","b","c","d","e", "f"]
document.write(arr1.shift() + "<br />");
// 删除 arr1 中从下标 1 开始的 3 个元素,输出删除的元素 b,c,d,此时arr1=["a","e","f"] 
document.write(arr1.splice(1, 3) + "<br />");
// 反转 arr1 中元素的顺序,输出结果 f,e,a 
document.write(arr1.reverse() + "<br />");
// 对 arr1 中的元素进行排序,输出结果 a,e,f 
document.write(arr1.sort() + "<br />");
// 以新的数组对象,返回 arr1 中被选中的元素 f,此时 arr1=["a","e","f"] 
document.write(arr1.slice(-1) + "<br />");
//以#为分隔符,将 arr1 的所有元素连接成一个字符串,输出结果 a#e#f 
document.write(arr1.join("#"))

 

标签:JavaScript,数组,元素,let,arr1,new,Array
From: https://www.cnblogs.com/gzyhrc/p/17918713.html

相关文章

  • leet code 581. 最短无序连续子数组
    581.最短无序连续子数组题目描述给你一个整数数组nums你需要找出一个连续子数组如果对这个子数组进行升序排序那么整个数组都会变为升序排序。请你找出符合题意的最短子数组并输出它的长度。示例1:输入:nums=[2,6,4,8,10,9,15]输出:5解释:你只需要对[6,4,8,10,9]......
  • Java第十五课_映射,数组和集合的转换
    1.映射HashMappublicstaticvoidmain(String[]args){/*嵌套类/内置类/内部类/内部接口K:keyV:valueE:elementR:ReturnTypeT:typeMap<K,V>:存储的......
  • 基于html+javascript开发的base64解码工具
    base64在线解码工具可以帮助你将Base64编码的字符串解码为原始的文本或数据。预览入口以下是一个简单的base64在线解码工具的示例:html<!DOCTYPEhtml><html><head><title>Base64在线解码工具</title></head><body><h1>Base64在线解码工具</h1><labelf......
  • 基于html+javascript开发的base64解码工具
    base64在线解码工具可以帮助你将Base64编码的字符串解码为原始的文本或数据。预览入口以下是一个简单的base64在线解码工具的示例:html<!DOCTYPEhtml><html><head><title>Base64在线解码工具</title></head><body><h1>Base64在线解码工具</h1><l......
  • C++ 动态数组初始化为0
    在C++中,动态数组通常使用new关键字进行分配。如果你想在创建动态数组时将其所有元素初始化为0,你可以使用value-initialization。以下是一个示例,展示了如何创建一个动态数组并将其所有元素初始化为0:#include<iostream>intmain(){constintsize=10;//定义数组大......
  • 多个数组对象,没有的字段自动加上去。 特例显示。
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title></hea......
  • JavaScript中的instanceof运算符
    JavaScript中的instanceof运算符:https://blog.csdn.net/weixin_43263355/article/details/123551619?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170320923016800197085509%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=170320......
  • Leetcode 2521. 数组乘积中的不同质因数数目
    https://leetcode.cn/problems/distinct-prime-factors-of-product-of-array/description/给你一个正整数数组nums,对nums所有元素求积之后,找出并返回乘积中不同质因数的数目。注意:质数是指大于1且仅能被1及自身整除的数字。如果val2/val1是一个整数,则整数val......
  • 无涯教程-Haskell - 函数组合
    功能组合是将一个功能的输出用作另一个功能的输入的过程,如果我们学习组成背后的数学会更好,在数学中,组成由f{g(x)}表示,其中g()是一个函数,其输出用作输入另一个功能,即f()。看下面的示例代码。在这里,我们使用函数组合来计算输入数字是偶数还是奇数。eveno::Int->Boolnoto......
  • JavaScript 中 for-in 循环和 for-of 循环的区别和适用场景
    前言在JavaScript中,循环是一种非常常见的操作。其中,for-in循环和for-of循环是两种常用的循环方式。本文将详细介绍这两种循环方式的用法、特点以及适用场景,帮助读者更好地理解和应用它们。正文内容一、for-in循环1.用法for-in循环用于遍历对象的属性。其基本语法如下:......