首页 > 编程语言 >【Javascript Day6】for循环练习及数组

【Javascript Day6】for循环练习及数组

时间:2025-01-14 21:28:19浏览次数:3  
标签:arr 元素 console log Day6 Javascript length 数组

目录

for循环练习

数组

1.构造数组

2. 字面量数组创建

3.数组的遍历循环

4.length的使用规则


for循环练习

按输入弹窗行数画菱形(奇偶皆可)

var pro = prompt("请输入行数")
    var sum = "";
    for(var i =1 ; i <= pro; i++){
        if( i <= parseInt((pro*1 + 1)/2) ){
            for(var k = 1; k <= (parseInt( (pro*1 + 1)/2 ) - i); k++){
            sum += " ";
            }
            for(var j = 1; j <= 2*i - 1; j++){
            sum += "*";
            }
            sum += "\n";
        }

        else{
            for(var k = 1; k <= i - 1 - parseInt(pro*1/2); k++){
            sum += " "; 
            }
            for(var j = 1; j <= (2*pro + 1) - 2*i; j++){
            sum += "*";
            }
            sum += "\n";
        }
    }
    console.log(sum);

数组

// 1. 基本数据类型(简单数据类型)
        //      String Number Boolean null undefined
        // 2. 复杂数据类型
        //      Array 数组 
        //      Object 对象
        //          Function
        //          Set
        //          Map

        // 基本数据类型变量,一个变量只能存储一个值
        var str = "字符串";
        var num = 100;
        var flag = true;
        console.log(str);
        

        // 数组数据类型变量,一个变量可以存储多个值

1.构造数组

通过固定的关键字和写法定义 - 一个没有数据的 空数组
        var arr1 = new Array();
        console.log(arr1);

        // 数组数据的添加 :数组变量.push( 存储的值 )
        arr1.push("元素1");  // 将值推送(存储)到数组中
        /*
        数组学习验证时,注意浏览器的输出规则
            => 浏览器对数组的输出默认是收起
            => 提供加载当前数组数据的展开功能,但在浏览器上操作展开时,已经不时打印这行代码的当时的值了
        */
        console.log(arr1);
        arr1.push("元素2");
        arr1.push("元素3");
        arr1.push("元素4");
        console.log(arr1);

2. 字面量数组创建


        var arr2 = ["元素1","元素2"];

        // JS中数组被用于描述数据的一组合集 
        //      => 为了程序的运行逻辑简化,一般一个数组中只会出现同类型数据
        // var arr2 = [
        //     "元素1",
        //     "元素2",
        //     1000,
        //     true,
        //     null,
        //     undefined
        // ];

        arr2.push("元素3")

        console.log(arr2);

3.数组的遍历循环

// 在变量声明时通过 [] 表示定义字面量数组
        //     JS的数组是有序数据合集,元素的位置和加入的顺序有关
        //     数组的元素位置被叫做  下标|索引  ,下标和索引从 0 开始的,下标和索引没有负值和小数
        var names = [ "Ryan","Bennett","Kylie","Concepcion","Jaron","Ethelyn","Meredith","Kiera" ];

        // 数组的取值
        //      [?] 被直接定义在数组变量之后,表示取值运算符,取出指定位置的值
        // names[2]

        console.log("单独从数组中取一个值:",names[2] );

        // 通过取值运算符读取的 数组元素,可以直接作为变量进行赋值、运算等操作
        names[3] = "张三";
        console.log(names);
        // 数组变量.length 获取的是数组的 元素个数(从1开始计算),也被叫做数组长度
        for (var i = 0; i < names.length ; i++) {
            console.log( names[ i ] );
        }

4.length的使用规则

        // 通过 length 属性增加新的数组元素
        var arr = ["Dolly","Lavonne","Marlee"];

        // 数组末尾增加新元素
        arr.push( "张三" );
        console.log(arr);

        // 通过[]的取值运算符,可以对指定位置的数组元素进行取值或者赋值操作
        //                  可以通过下标索引指定位置进行新元素的增加
        //                  如果操作时下标和原始数组最后一个下标不连续,中间值为 undefined
        arr[5] = "李四";
        console.log(arr,arr[4]);

        // 通过length添加新元素 => 等同于push功能,在数组的末尾添加新的元素
        arr[ arr.length ] = "末尾的新值1"
        // 数组的 length 会随着数组的元素数量而发生改变
        arr[ arr.length ] = "末尾的新值2"
        arr[ arr.length ] = "末尾的新值3"
        arr[ arr.length ] = "末尾的新值4"
        arr[ arr.length ] = "末尾的新值5"
        console.log(arr);
        

        // length可以记录数组的元素数量的变化,
        // 通过通过对length赋值可以改变数组的长度
        console.log( arr );

        // 如果length赋值的值超出了现有数组的元素长度,后续会补充 undefined 空属性
        arr.length = 20;
        console.log( arr );

        // 如果length赋值小于现有数组的元素长度,表示只保留长度内的元素数据,多余全部删除
        arr.length = 4;
        console.log(arr);

        // 数组清空
        // arr.length = 0;
        // console.log(arr);
        // 数组清空
        arr = [];
        console.log(arr);
        

标签:arr,元素,console,log,Day6,Javascript,length,数组
From: https://blog.csdn.net/clp20031101/article/details/145119119

相关文章

  • JavaScript ——节点操作
    节点操作1.创建节点document.createElement('节点')参数:标签名字符串。说明:这些元素原先不存在,是根据需求动态生成的,因此也称为动态创建元素节点。该方法会将创建好的对象作为返回值返回。2.创建文本document.createTextNode() 可以用来创建一个文本节点对象。参数:文......
  • JavaScript详解 ——函数
    1、函数的概念在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码需要大量重复使用函数:就是封装一段可被重复调用执行的代码块。通过代码块可以实现在需要的的重复使用,使用typeof检查一个函数对象时,会返回function函数的封装是把一个或者多个功能通过函数的方式......
  • parallel programming in CUDA C(GPU并行程序实现数组求和 & Julia set)
    前言我们这节会学习到:Ⅰ.CUDA在实现并行性时采用的一种重要方式Ⅱ.用CUDAC编写第一段并行代码一、Summingvector#defineN10voidadd(int*a,int*b,int*c){inttid=0;//这是第0个CPU,因此索引从0开始while(tid<N){c[tid]=a[tid]+b[tid];......
  • JS-32 数组方法_shift()/unshift()
    shift方法用于删除数组的第一个元素,并返回该元素。注意,该方法会改变原数组vararr=['字符串','zifuchuan','前端'];arr.shift()//'字符串'arr//['zifuchuan','前端']shift方法可以遍历并清空一个数组varlist=[1,2,3,4,5,6];varitem; while(item=list.shift()......
  • Spring MVC复杂数据绑定-绑定数组
    【图书介绍】《Spring+SpringMVC+MyBatis从零开始学(视频教学版)(第3版)》_【新华文轩】spring+springmvc+mybatis从零开始学(视频教学版)第3版正版-CSDN博客《Spring+SpringMVC+MyBatis从零开始学(视频教学版)(第3版)》(杨章伟,刘祥淼)【摘要书评试读】-京东图书【图书介绍......
  • JavaScript基础01
    一、基本情况#1、介绍JavaScript是一门解释性的脚本语言,主要用来给HTML网页增加动态功能。通常的js是运行在浏览器环境下的,可以帮助我们去控制页面,实现丰富的功能。会有dom和bom的api去操作html文档和浏览器的一些功能。nodejs是运行在计算机环境下的。语法一样,但是因为环......
  • 写一个函数找出给定数组中的最大差值
    在前端开发中,JavaScript是一种常用的编程语言,因此我将使用JavaScript来写一个函数,该函数可以找出给定数组中的最大差值。这里我们假设“最大差值”是指数组中最大值与最小值之间的差。functionfindMaxDifference(arr){//检查数组是否为空if(arr.length===0){......
  • 05 Java数组
    数组概论数组是相同类型数据的有序集合。它由相同类型的若干数据按一定先后次序排列组合而成。其中每个数据叫数组元素,可通过下标来访问这些元素。数组声明创建要使用数组,得先声明数组变量,有两种语法:dataType[]arrayRefVar; //首选的方法或dataTypearrayRefVar[];......
  • python bs4 selenium 查找a href=javascript:();的实际点击事件和url
    在使用BeautifulSoup和Selenium时,处理href="javascript:;"的链接需要一些额外的步骤,因为这些链接不直接指向一个URL,而是通过JavaScript代码来执行某些操作。这可能包括导航到另一个页面、触发模态窗口、显示/隐藏内容等。以下是如何使用Selenium来查找和处理这......
  • LeetCode:215.数组中的第K个最大元素
    LeetCode:215.数组中的第K个最大元素解题思路看到“第K个最大元素”。考虑选择使用最小堆。解题步骤构建一个最小堆,并依次把数组的值插入堆中。当堆的容量超过K,就删除堆顶。插入结束后,堆顶就是第K个最大元素。leetcode在线运行测试可能是用本地环境跑分...有缓存卡大数有er......