Javascrip基础之for循环和数组

目录
  • 循环-for
    • for循环基本使用
    • 退出循环
    • 循环嵌套
  • 数组
    • 数组是什么
    • 数组的基本使用
    • 遍历数组
    • 操作数组
  • 总结

循环-for

for循环基本使用

for循环语法：重复执行代码

好处：把声明起始值、循环条件、变化值写到一起，让人一目了然

   for (变量起始值;循环条件;变量更新) {
     循环体
   }

for循环和while循环的区别：

  • 当如果明确了循环的次数的时候推荐使用for循环
  • 当不明确循环的次数的时候推荐使用while循环

退出循环

循环结束：

  • continue：结束本次循环，继续下次循环
  • break：跳出所在的循环

循环嵌套

一个循环里再套一个循环，一般用在for循环里

    for (变量起始值;循环条件;变量更新) {
      for (变量起始值;循环条件;变量更新) {
        循环体
      }
    }

数组

数组是什么

数组(Array)是一种可以按顺序保存数据的数据类型

数组的基本使用

声明语法

let 数组名 = [数据1, 数据2, ..., 数据n]

1数组是按顺序保存，所以每个数据都有自己的编号

2.计算机中的编号从0开始，以此类推

3.在数组中，数据的编号也叫索引或下标

4.数组可以存储任意类型的数据

取值语法

数组名[下标]

1.通过下标取数据

2.取出来是什么类型的，就根据这种类型特点来访问

一些术语

  • 元素：数组中保存的每个数据都叫数组元素
  • 下标：数组中数据的编号
  • 长度：数组中数据的个数，通过数组的length属性获得
数组名.length

遍历数组

用循环把数组中每个元素都访问到,一般会用for循环遍历

    for (let i = 0; i < 数组名.length; i++) {
      数组名[i]
    }

操作数组

数组本质是数据集合, 操作数据无非就是 增 删 改 查 语法

1.查: 查询数组数据,或者我们称为访问数组数据 数组[下标]

2.改: 重新赋值 数组[下标] = 新值

3.增: 数组添加新的数据

  • arr.push (新增的内容)
  • arr.unshift (新增的内容)

4.删: 删除数组中数据

  • arr.pop()
  • arr.shift()
  • arr.splice (操作的下标,删除的个数)

数组增加新的数据

数组.push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 (重点)

arr.push(元素1, 元素2, ..., 元素n)

arr.unshift(新增的内容) 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度

arr.unshift(元素1, 元素2, ..., 元素n)

数组删除元素

数组. pop() 方法从数组中删除最后一个元素，并返回该元素的值

arr.pop()

数组. shift() 方法从数组中删除第一个元素，并返回该元素的值

arr.shift()

数组. splice() 方法 删除指定元素(重点)

arr.splice(start, deleteCount)
arr.splice(起始位置, 删除几个元素)

start 起始位置:

指定修改的开始位置（从0计数） deleteCount:

表示要移除的数组元素的个数

可选的。 如果省略则默认从指定的起始位置删除到最后

删除元素的使用场景：

随机抽奖，中奖的用户就需要从数组里面删除，不允许重复抽奖

点击删除按钮，相关的数据会从商品数据中删除

总结

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

赞 (0)

相关推荐

  • JavaScript中关于for循环删除数组元素内容时出现的问题

    JavaScript中关于for循环删除数组元素内容时出现的问题

    昨天用for循环进行数组去重的时候出现的问题, 首先,用双重for循环把前一个和所有后面的元素进行比较,如果相等则删除. 但是,如果数组里面有三个以上连续相等的元素的时候,就会出现问题. var arr = [1,1,1,2,2]; for(var i=0; i<arr.length-1; i++){ for(var j=i+1; j<arr.length; j++){ if(arr[i] === arr[j]){ arr.splice(j,1); } } } document.write(&

  • javascript for循环性能测试示例

    本文实例讲述了javascript for循环性能测试.分享给大家供大家参考,具体如下: for循环,如何使用效率更高,下面举例来说明: // 先定义一个测试数组 var arr = [0,1,2,3,4,5,6,7,8,9]; // 执行测试 test1(); test2(); test3(); function test1(){ console.time('test1'); for(var i = 0; i < arr.length; i ++) { } console.timeEnd('t

  • 深入理解JavaScript中的for循环

    本文对一个循环分享的这么详细,相信看完你会有所收获.下面话不多说,来看看详细的介绍吧. 在ECMAScript5(简称 ES5)中,有三种 for 循环,分别是: 简单for循环 for-in forEach 在2015年6月份发布的ECMAScript6(简称 ES6)中,新增了一种循环,是: for-of 下面我们就来看看这 4 种 for 循环. 简单 for 循环 下面先来看看大家最常见的一种写法: const arr = [1, 2, 3]; for(let i = 0; i < ar

  • 常用的JavaScript数组方法

    目录 1.filter() 2.forEach() 3.some() 4.every() 5.reduce() 6.合并数组 1.filter() 语法: array.filter(function(currentValue,index,arr), thisValue) 参数说明: currentValue:当前元素对象(必选) index:当前元素的索引值(可选) arr:当前元素属于的数组对象(可选) thisValue:对象作为该执行回调时使用,传递给函数,用作 "this" 的

  • 浅谈JavaScript数组简介

    浅谈JavaScript数组简介

    目录 数组简介 数组字面量 二维数组 总结 数组简介 数组(Array) - 数组也是一个对象 它和我们普通对象功能类似,也是用来储存一些值的 不同的是普通对象是使用字符串作为属性值的,而数组时使用数字来作为索引操作元素. 索引:从0开始的整数 数组的储存性能比普通对象要好,在开发中我们经常使用数组来储存一些数据 创建数组: var arr = new Array(); 使用 typeof检查一个数组时,会返回 object 向数组中添加元素 语法: 数组[索引] = 值 读取数组中的元素 语法

  • JavaScript中的for循环与双重for循环详解

    for循环 for循环就是对数组的元素进行循环. 语法: for (初始化变量; 条件表达式; 迭代语句) {      需要执行的代码块: } 初始化变量:一般用来对循环变量进行初始化赋值. 条件表达式:作为循环条件,一个包含比较运算符的表达式,用来限定循环变量的边限.如果循环变量的值超出了该边限,则停止该循环语句的执行. 迭代语句:用来改变循环变量的值,从而控制循环的次数,通常是对循环变量的值进行递增或者递减的操作. for循环执行顺序: // 1. 声明变量: // 2. 判断循环执行条件

  • JavaScript中利用for循环遍历数组

    JavaScript中利用for循环遍历数组

    先看一段代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> // 一个普通的数组 var arr =[3,5,2,6]; // 普通的for 循环遍历 for(var i = 0 ; i

  • Javascrip基础之for循环和数组

    目录 循环-for for循环基本使用 退出循环 循环嵌套 数组 数组是什么 数组的基本使用 遍历数组 操作数组 总结 循环-for for循环基本使用 for循环语法:重复执行代码 好处:把声明起始值.循环条件.变化值写到一起,让人一目了然 for (变量起始值;循环条件;变量更新) { 循环体 } for循环和while循环的区别: 当如果明确了循环的次数的时候推荐使用for循环 当不明确循环的次数的时候推荐使用while循环 退出循环 循环结束: continue:结束本次循环,继续下次循

  • Java基础语法之二维数组详解

    Java基础语法之二维数组详解

    一.二维数组 进入正题之前.首先为了便于大家理解,我画了一个图: xx枪战游戏中, 我是一个刚刚注册账号的小白,系统送了我两把枪,此时,我的武器库只有这么一层(可以理解为一位数组,枪就是对应的数组中对应的元素) 经过艰苦卓绝的战斗,终于有了一笔钱,现在我打算配置好的游戏装备,我现在有了一个枪柜,它可以存放三层的枪械,每一层都可以放多把武器(这个就是二维数组,有多层,每层都是一个一维数组) 随着游戏时长和我的高超技术,获取游戏装备的效率越来越高了,一个枪柜已经存不下了,于是,我就有了多个枪柜(这个

  • Java基础知识精通二维数组的应用

    目录 1.什么是二维数组 2.定义格式 3.二维数组的使用 4.二维数组的遍历 本文章主要讲二维数组定义,用法. 1.什么是二维数组 在二维数组多个元素为一维数组的数组就称为二维数组 2.定义格式 格式一: 元素的数据类型[][] 数组的名字 = new 元素的数据类型[二维数组的长度][一维数组的长度]: int[][] a = new int[3][2]; 解释: 这个二维数组中还有3个一维数组,每个一维数组中有两个元素. 格式二: 元素的数据类型[][] 数组的名字 = new 元素的数据

  • PHP循环遍历数组的3种方法list()、each()和while总结

    ①each()函数 each()函数需要传递一个数组作为参数,返回数组中当前元素的键/值对,并向后移动数组指针到下一个元素的位置.键/值对被返回带有4个元素的关联和索引混合的数组,键名分别为0.1.key和value.其中键名0和key对应的值是一样的,是数组元素的键名,1和value则包含有数组元素的值.如果内部指针越过了数组的末端,则each()返回FALSE.each()函数的使用如下所示: 复制代码 代码如下: <?php $contact = array("ID" =&

  • codeigniter中view通过循环显示数组数据的方法

    本文实例讲述了codeigniter中view通过循环显示数组数据的方法.分享给大家供大家参考.具体如下: controller如下: <?php class SimpleController extends Controller { function index() { $data['my_list'] = array("do this", "clean up", "do that"); $this->load->view('

  • 详解python基础之while循环及if判断

    wlile循环 while True表示永远为真,不管是什么条件都会向下执行,下面是写的一个例子. #!/usr/bin/env python age = 24 #给age赋一个值 while True: #进入循环 inputting = int (input("The input number is:")) #保存用户输出到变量inputting if inputting == age: #然后依次比较 print("Guessed it!!!") break

  • js数组循环遍历数组内所有元素的方法

    例,for(){}遍历数组 复制代码 代码如下: <script type="text/javascript"> <!--var arr = new Array(13.5,3,4,5,6);for(var i=0;i<arr.length;i++){ arr[i] = arr[i]/2.0;}alert(arr); //--> </script> 例,for in循环遍历数组 复制代码 代码如下: <html><body>

  • Javascript循环删除数组中元素的几种方法示例

    Javascript循环删除数组中元素的几种方法示例

    本文主要跟大家分享了关于Javascript循环删除数组中元素的几种方法,分享出来供大家参考学习,下面来看看详细的介绍: 发现问题 大家在码代码的过程中,经常会遇到在循环中移除指定元素的需求.按照常规的思路,直接一个for循环,然后在循环里面来个if判断,在判断中删除掉指定元素即可.但是实际情况往往不会像预想的那样顺利运行. 下面以一段Javascript代码为例演示这一过程. (function () { var arr = [1,2,2,3,4,5]; var len = arr.lengt

随机推荐