JavaScript基础(三)

JavaScript基础(三)
for循环嵌套
循环嵌套不是什么特殊语法,就是说js中的许多语法结构都可以嵌套使用,for也可以
循环嵌套时,代码执行次数变多,通常使用是在2层左右
while循环
规则:
先进行条件检测,如果为true,执行循环体代码
再检测条件,再为true再执行循环体,以此类推
直到条件为false时循环结束
while (条件) {
// 循环体
}
for和while的使用场景
for循环适用于次数确定的重复操作(for使用较多)
while循环适用于不确定次数的重复操作
do..while循环
规则:
立刻执行一次循环体代码
再进行第一次条件检测,如果为true,再次执行循环体,并依次类推
当条件为false时,循环结束。
do {
// 循环体
} while (条件);
与while的区别:
while是先检测条件再执行
do..while是先执行再检测,至少执行一次
用来对while循环的结构进行改进
break和continue
break在循环中使用用于结束循环(10个包子,吃了三个以后吃不了了,不吃了,break)
continue在循环中使用用于结束本次循环,继续执行下面的循环
// 演示break:
/* for (var i = 1; i <= 10; i++) {
console.log(‘吃包子‘);
// 吃完第三个后,吃不下去了,后面的不吃了,用break结束
if (i === 3) {
console.log(‘不好意思,吃不下去了‘);
break;
}
} */

    // 演示continue:
    for (var i = 1; i <= 10; i++) {
        if (i === 3) {
            console.log('有钉子,不吃了,换下一个');
            continue;
        }
        console.log('吃包子');
    }
表达式和语句 (概念)
    表达式:
        概念:表达式指的是,具有结果的式子
        常见的表达式:
            数据: 100  'abc' false ....
            运算符参与的式子:  1+2   5 < 13    'abc' && 200
    语句:
        概念:指的是一段完整的操作。
        常见语句:
            js中提供的语句:if语句、switch语句、for循环语句、while循环语句、do..while循环语句
            普通语句:有实际功能含义的,并以;结尾的式子
                var num = 100;
                alert('嘿嘿嘿');
                console.log('呵呵呵');
                var sum = 2 + 6 * 8;
    一段程序是由多个语句组成的,每个语句是由多个表达式组成的。
数组
    为什么要有复杂类型_数组
        基本类型都只能表示一个值,如果有很多数据需要存储,需要声明很多变量保存,麻烦
        数据之间的关联性不强
    什么是数组
        数组就是一种可以同时保存多个数据的数据形式。
    数组怎么操作
        数组的声明
            var arr = [1, 2, 3, 4];  最为常用的用法
            var arr = new Array('a', 'b', 'c');
                特殊用法:  var arr = new Array(4);
                注意:如果在new Array()中设置一个数值,表示数组默认长度,没啥用
    数组的元素
        数组中的数据称为数组的元素
    数组的长度属性
        概念:数组的长度属性用来表示数组中的元素个数。
        格式:数组.length
        取值:length属性的值为数值类型,表示数组中的元素个数
        设置length操作:
            设置值比实际元素个数少
                后续的元素会被删除,如果希望清空,可以设置length为0
            设置值比实际元素个数多(没用)
                数组后会产生一些空位,没有实际的数据,没意义
    数组的索引(下标):
        概念:数组中的元素按照索引排列,索引从0开始,自动递增。
        作用:可以根据索引操作数组中的某个元素
        格式: 数组[索引值]
            可以进行获取,也可以设置
    数据的遍历操作
        概念:通过循环获取数组中的所有元素。
        普通遍历方式(正向遍历):
            for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);

}
反向遍历
数组中最大的索引值为 arr.length - 1
for (var i = arr.length - 1; i >= 0; i--) {
console.log(arr[i]);
}
给数组新增元素的方式
可以使用 数组.length 作为索引,添加新元素
var arr4 = [‘a‘, ‘b‘, ‘c‘, ‘d‘];
arr4[arr4.length] = 200;
arr4[arr4.length] = 200;
arr4[arr4.length] = 200;
arr4[arr4.length] = 200;
arr4[arr4.length] = 200;
arr4[arr4.length] = 200;
console.log(arr4); // 添加了6个新元素
基本类型和复杂类型的区别
可存储的数据个数不同:基本类型只能表示一个值,复杂类型可以保存多个值。
在内存中的存储方式不同
在js语法中我们操作的数据都属于临时数据,临时数据存储在内存中
基本类型在内存单元中存储的是具体值
复杂类型在内存单元中存储的是具体值的地址(指针、引用)
进行复制操作后的结果不同
赋值操作实际上是复制内存单元中的值
基本类型进行复制前后,两个数据没关系(复制成功了)
复杂类型进行复制前后,两个数据实际上是同一个(没有达到复制的目的)

原文地址:https://www.cnblogs.com/itxcr/p/11600133.html

时间: 2024-10-27 12:44:13

JavaScript基础(三)的相关文章

JavaScript基础三

1.10 关于DOM的事件操作 1.10.1 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元素的API.比如让盒子移动.变色.轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动. 1.10.2 事件 JS是以事件驱动为核心的一门语言. 事件的三要素 事件的三要素:事件源.事件.事件驱动程序. 比

javascript 基础三

记着来上第三篇javascript的笔记,也是红宝书的最后一篇笔记.笔记内容只到书的大半部分,不是完整的笔记. 附上evernote的公开链接.  Object类型 引用类型的值(对象)是引用类型的一个实例.引用类型是一种数据结构,用于将数据和功能组织在一起. 引用类型也称对象定义,描述的是一类对象所具有的属性和方法. 对象是某个特定引用类型的实例,新对象用new后跟一个构造函数来创建. 创建Object实例的方式有二: 构造函数 new操作符后面跟Object构造函数 对象字面量 目的是简化创

JavaScript 基础(三) 对象 条件判断

JavaScript的对象是一种无序的集合数据类型,它是由若干键对组成. var guagua = { name:'瓜瓜', birth:1988, school:'No.1 Middle School', height:1.70, weight:65, score:null }; JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明,用,隔开.注意,最后一个键值对不需要在末尾加,, 如果加了,有的浏览器(如低版本的IE)将报错. 上述对象申明了一个name属性,值

javascript基础学习(三)

javascript之运算符 学习要点: 表达式 运算符:一元运算符,算术运算符,关系运算符,逻辑运算符,*位运算符,赋值运算符 一.表达式 表达式有常量表达式,变量表达式,复合表达式. 二.算术运算符 一元:+(正号).-(负号).++.—— 二元:*./.%.+.- 三.关系运算符 ==.=== ps:等同运算符比相等运算符要求更为严格,等同运算符只有在两个操作数类型相同,并且值也相同的情况下才会返回true. <.<=.>.>= instanceof运算符.       in

前端javaScript基础学习第三天

目前在从事前端工作,特别总结javaScript基础知识供大家学习,本人特总结一下使用方法献给目前正在学习web前端的小伙伴们,希望你们在前端领域闯出属于自己的一片天空来,需要sublime软件安装包的或者前端资料的可以留言 一.循环语句循环语句:重复执行一段代码,执行遇见某个指令(条件为假),结束循环语句 for循环,do while, while, for in语句 2.1 for循环语句 for循环是前测试循环语句:先判断条件是否满足,当满足条件时,才执行循环语句.直到条件为假结束循环语句

Javascript.01 -- Javascript基础

Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司   研发出世界上第一款浏览器. 95年 sun公司   java语言诞生 网景公司和sun合作. Java+script   ===> javascript 1.2 W3c规范 ?结构标准        html ?表现标准   css ?行为标准      js 1.3 JavaScript和ECMAScript的关系 ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协

javascript基础学习(十五)

javascript之cookie 学习要点: cookie介绍 创建与获取cookie cookie的编码 cookie的生存期 cookie的路径 cookie的domain cookie的secure 一.cookie介绍 cookie实际上就是一些信息,这些信息以文件的形式存储在客户端计算机上.在javascript中,cookie主要用来保存状态,或用于识别身份. 二.创建与获取cookie 创建cookie的语法代码如下所示:document.cookie="name=value&q

javascript基础学习(八)

javascript之日期对象 学习要点: 日期对象 将日期对象转换为字符串 将日期对象中的日期和时间转换为字符串 日期对象中的日期 日期对象中的时间 设置日期对象中的日期 设置日期对象中的时间 与毫秒相关的方法 一.日期对象 在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间. 日期对象的创建: new Date(); 二.将日期对象转换为字符串 将日期对象转换为字符串可以使用以下4种方法: date.toString();//将日期对象转换为字符串时,采

javascript基础学习(二)

javascript的数据类型 学习要点: typeof操作符 五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象 一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe