广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript创建数组的方法详解
  • 283
分享到

JavaScript创建数组的方法详解

2024-04-02 19:04:59 283人浏览 安东尼
摘要

目录javascript创建数组数组的使用将数组转换为分割字符串数组中新增元素筛选数组删除数组指定元素总结JavaScript创建数组 1.利用new创建数组 var arr =

JavaScript创建数组

1.利用new创建数组


var arr = new Array();//创建了一个空数组

2.利用数组字面量创建数组(比较常用)

字面量:一种固定值的表示方法

一看就知道什么数据类型,比如8一看就是数字类型


//1.利用数组字面量(是方括号)创建数组
var arr = [];//创建了一个空数组
var arr1 = [1,2,'student',true];//数组里面可以存放任何类型的数据,必须以逗号分割

3.什么是数组元素?

数组可以把一组数据存放在单个变量的集合下,数组元素是存放在数组里面的元素,类型没有限制。

数组的使用

1.获取数组元素——利用索引就是下标,下标是从0开始的和C语言很像


console.log(arr[2]);

2.遍历数组


var arr = ['red','green','blue'];
for(var i = 0;i < 3;i++){
    console.log(arr[i]);
}
//打印数组长度
console.log(arr.length);
//动态检测数组长度
for(var i = 0;i < arr.length;i++){
    console.log(arr[i]);
    }

什么是遍历?

将数组元素从头到尾访问一次,里面的i是计数器当索引号使用,arr[i]访问数组元素,索引号和数组长度没有关系。


//经典案例打印数组最大值
var arr = [2,6,1,77,52,25,7,99];
var max = arr[0];
for(var i = 0;i < arr.length;i++){
    if(max < arr[i]){
        max = arr[i];
        }
    }
    conaole.log('该数组里面的最大值是' + max);

将数组转换为分割字符串


var arr = ['red','green','blue','pink'];
var str ='';
for(var i = 0;i < arr.length;i++){
	str+=arr[i]+'|';//也可以var sep = '!';str+=arr[i]+sep;
}
console.log(str);

数组中新增元素


var arr = ['red','green','blue','pink'];
var str ='';
for(var i = 0;i < arr.length;i++){
	str+=arr[i]+'|';//也可以var sep = '!';str+=arr[i]+sep;
}
console.log(str);

如果索引号存在就是替换数组元素,不要直接给数组名赋值,否则会覆盖掉以前的数据例如 arr1 ='';onsole.log(arr1)

筛选数组


var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = [];
console.log(newArr);
for(var i = 0;i < arr.length;i++){
	if(arr[i]>=5)
	{
		newArr[newArr.length] = arr[i];
	}
}

删除数组指定元素


//将7删除
var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = [];
console.log(newArr);
for(var i = 0;i < arr.length;i++){
	if(arr[i] != 7)
	{
		newArr[newArr.length] = arr[i];
	}
}
console.log(newArr);

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

--结束END--

本文标题: JavaScript创建数组的方法详解

本文链接: https://www.lsjlt.com/news/161123.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript创建数组的方法详解
    目录JavaScript创建数组数组的使用将数组转换为分割字符串数组中新增元素筛选数组删除数组指定元素总结JavaScript创建数组 1.利用new创建数组 var arr =...
    99+
    2022-11-12
  • JavaScript数组创建的方法
    这篇“JavaScript数组创建的方法”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Ja...
    99+
    2022-10-19
  • 创建一个JavaScript数组的方法
    这篇文章主要介绍“创建一个JavaScript数组的方法”,在日常操作中,相信很多人在创建一个JavaScript数组的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”创建...
    99+
    2022-10-19
  • 详解Android App中创建ViewPager组件的方法
    现在很多app一打开就是一个ViewPager,然后可以用手指滑,每滑一次就换一张图,底下还会有圈圈表示说现在滑到第几章~ 通常这些图片都是放功能简介或是使用教学之类的,我的需...
    99+
    2022-06-06
    方法 viewpager app Android
  • javascript数组的内置方法详解
    目录1.Array.at()2. Array.copyWithin()3. Array.entries()4. Array.fill()5.find()总结1.Array.at() ...
    99+
    2022-11-12
  • 详解JavaScript数组的常用方法
    目录数组的常用方法pop()unshift()shift()slice()splice()数组元素去重concat()join()reverse()sort()总...
    99+
    2022-11-12
  • JavaScript数组方法实例详解
    目录简介创建数组创建方法详解方法大全join()push()和 pop()shift() 和 unshift()sort()reverse()concat()sl...
    99+
    2022-11-12
  • PythonNumPy创建数组方法
    目录1. 蛮力构造法2. 特殊数值法3. 随机数值法4. 定长分割法5. 重复构造法6. 网格构造法7. 自定义数据类型1. 蛮力构造法 np.array(object, dtype...
    99+
    2022-11-11
  • 关于JavaScript的Array数组方法详解
    目录数组的方法1. push() 添加2. pop() 删除4. shift() 删除7. splice() 删除8. concat() 连接9. join()10. re...
    99+
    2023-05-20
    JavaScript 数组 JavaScript Array
  • SpringBoot创建WebService方法详解
    目录1. 概述2. 实现步骤2.1 POM现加依赖2.2  定义接口 IWebService2.3 创建类 IWebServiceImpl 并实现接口 IWebServic...
    99+
    2023-05-19
    SpringBoot创建WebService SpringBoot WebService
  • JavaScript创建数组的方式有哪些
    JavaScript中创建数组的方式有:1.通过字面量创建;2.通过构造函数创建;JavaScript中创建数组的方式有以下几种通过字面量创建数组1)创建一个空数组let array = [];2)创建一个指定数据的数组let array ...
    99+
    2022-10-24
  • Javascript数组去重的几种方法详解
    目录数组去重1 双层for循环(类似冒泡排序的双层循环写法)2 循环和indexof、循环和includes3 利用对象属性不能重复去重4 ES6 Set5 ES6 Array. p...
    99+
    2022-11-12
  • php简述创建数组的方法
    PHP是一种常用的服务器端编程语言,在Web开发中用得非常广泛。数组是PHP中最常用的数据类型之一,用于存放一系列相关的数据。本文将简述PHP中创建数组的方法。1.使用array()函数创建数组在PHP中,使用array()函数可以快速创建...
    99+
    2023-05-23
  • javascript数组里的27个方法总合详解
    目录1.concat()2.copyWithin()3.Object.entries()4.every()5.fill()6.filter()7.find()和findIn...
    99+
    2022-11-13
  • 详解JavaScript数组reduce()方法的高级技巧
    目录1、语法2、实例解析 initialValue 参数3、reduce的简单用法4、reduce的高级用法reduce()方法可以搞定的东西,for循环,或者forEach方法有时...
    99+
    2023-03-24
    JavaScript reduce()方法用法 JavaScript reduce()方法 JavaScript reduce
  • Android编程之数据库的创建方法详解
    本文实例讲述了Android编程之数据库的创建方法。分享给大家供大家参考,具体如下:主javapackage com.itheima.createdatabase;import android.app.Activity;import and...
    99+
    2023-05-30
    android 数据库 创建
  • 详解JavaScript如何优雅地实现创建多维数组
    目录前言常规方法for 遍历mapArray.from不足递归函数实现链式函数实现失败的尝试处理办法使用 Proxy 实现前言 已经坚持力扣刷题 80 天了,其中经常需要创建多维数组...
    99+
    2022-11-13
  • Python NumPy教程之数组的创建详解
    本篇文章给大家带来了关于Python的相关知识,主要为大家详细介绍了Python NumPy中数组的创建方式,文中的示例代码讲解详细,对我们学习Python有一定帮助,需要的可以参考一下。【相关推荐:Python3视频教程 】使用 List...
    99+
    2022-08-26
  • JavaScript数组reduce()方法使用实例详解
    目录前言1、累加和累积乘法2、获取一个数组的最大值和最小值3、计算数组中元素出现的频率4、多个数组的展平总结前言 今天请让我详细介绍一下这个方法,希望对你有帮助。 这是 reduce...
    99+
    2022-11-13
  • JavaScript数组方法-系统性总结详解
    目录数组常用方法数组元素增添和删除操作数组头部操作数组尾部任意位置增删数组拼接数组转换成字符串截取数组数组排序方法排序顺序翻转数组迭代方法数组遍历查找返回值为下标返回值为内容数组遍历...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作