4日日志关于JavaScript 变量、数据类型、类型转换和流程控制语句以及对象的学习

合集 - Javaweb(54)

1.2024/10/16 日日志 --》关于MySQL的中基础操作的整理以及 DQL的初步学习笔记与整理2024-10-16 2.2024/10/17日日志 --》关于MySQL中的约束、多表查询的初步学习笔记与整理2024-10-17 3.2024/10/18日日志 --》关于MySQL中的事务以及JDBC的初步学习笔记与整理2024-10-18 4.2024/10/19日日志--》关于MySQL中 JDBC的API 详解的整理简述2024-10-19 5.2024/10/21 日日志 --》关于Mysql中的数据库连接池简述笔记整理2024-10-21 6.2024/10/22日日志 --》关于Maven的基础学习笔记整理2024-10-22 7.2024/10/23日日志--》关于Maven的基础学习--2 坐标与依赖范围2024-10-23 8.2024/10/24日日志 --》关于Mybatis的学习笔记整理 - 环境与性质以及ResultMap2024-10-24 9.2024/10/25日日志 --》关于使用Mybatis进行增删改查 ---1 查询2024-10-25 10.2024/10/26 日使用Mybatic --》关于Mybatis 进行增删改查 ---2 添加、修改与删除2024-10-26 11.2024/10/28日使用Mybatic --》关于Mybatis 的参数传递与注解开发2024-10-28 12.2024/10/29 HTML --》关于HTML的快速入门与标签2024-10-29 13.2024/10/30 日日志 --》关于CSS的学习2024-10-31 14.2024/11/1日日志关于JavaScript简介&引入方式以及基础语法的学习2024-11-02

15.2024/11/4日日志关于JavaScript 变量、数据类型、类型转换和流程控制语句以及对象的学习2024-11-04

经过两天的休憩，状态更佳，后面的笔记和学习进度也会加快

JavaScript 变量、数据类型、类型转换和流程控制语句

点击查看代码

--
-- 变量
-- JavaScript 中用 var 关键字(variable 的缩写)来声明变量
-- var test = 20;
-- test ="张三":
-- ·  JavaScript 是一门弱类型语言变量可以存放不同类型的值
-- · 变量名需要遵循如下规则:
--   -》组成字符可以是任何字母、数字、下划线(_)或美元符号($)
--   -》数字不能开头
--   -》建议使用驼峰命名》
-- · ECMAScript6新增了let 关键字来定义变量。它的用法类似于 var，但是所声
-- 明的变量，只在 let 关键字所在的代码块内有效，且不允许重复声明
-- · ECMAScript6新增了 const关键字，用来声明一个只读的常量。
-- 一旦声明，常量的值就不能改变。
-- // var:
-- //     1.作用域:全局变量
-- //     2.变量可以重复定义
-- 
-- 数据类型
-- 数据类型
-- var test = 20:
-- JavaScript 中分为:原始类型和引用类型
-- 5种原始类型:
-- number:数字(整数、小数、NaN(NotaNumber))
-- string:字符、字符串，单双引皆可
-- boolean:布尔。true，false
-- null:对象为空
-- undefined:当声明的变量末初始化时，该变量的默认值是 undefined
-- 使用 typeof 运算符可以获取数据类型
-- alert(typeof age);
-- -- 返回数组对象的原始值
-- 运算符
-- 一元运算符:++，--
-- 算术运算符:+，-，*，/，%
-- 赋值运算符:=，+=，-=...
-- 关系运算符:>，<，>=，<=，!=，==，===
-- 逻辑运算符:&&，||，!
-- 三元运算符:条件表达式?true_value:false_value
--
-- 例：    /*
--         ==:
--             1. 判断类型是否一样，如果不一样，则进行类型转换
--             2. 再去比较其值
-- 
--         ===:全等于
--             1. 判断类型是否一样，如果不一样，直接返回false
--             2. 再去比较其值
-- 
--      */
--     var age1 = 20;
--     var age2 = "20";
-- 
--     // alert(age1 == age2);// true
--     // alert(age1 === age2);// false
--
-- 类型转换:
-- 例：
--   /*
--         类型转换：
--             * 其他类型转为number：
--                 1. string: 按照字符串的字面值，转为数字.如果字面值不是数字，则转为NaN。一般使用parseInt
--                 2. boolean: true 转为1，false转为0
-- 
--             * 其他类型转为boolean：
--                 1. number:0和NaN转为false，其他的数字转为true
--                 2. string:空字符串转为false，其他的字符串转为true
--                 3. null:false
--                 4. undefined:false
-- 
-- 
--      */
--     // var str = +"20";
--     /*var str = "20";
--     alert(parseInt(str) + 1);*/
-- 
-- /*
--     var flag = +false;
--     alert(flag);*/
-- 
--     // var flag = 3;
--     // var flag = "";
--  /*   var flag = undefined;
-- 
--     if(flag){
--         alert("转为true");
--     }else {
--         alert("转为false");
--     }*/
-- 
--     var str = "abc";
-- 
--     //健壮性判断
--     //if(str != null && str.length > 0){
--     if(str){
--         alert("转为true");
--     }else {
--         alert("转为false");
--     }
-- 总结:
-- ==和===
-- ==会进行类型转换，===不会进行类型转换
-- 类型转换:
-- 其他类型转为数字
-- 1.string:将字符串字面值转为数字。如果字面值不是数字，则转为NaN。一般使用parseInt方法进行转换
-- 2.boolean:true 转为1，false 转为0
-- >其他类型转为 boolean
-- 1.number:0和NaN转为false，其他的数字转为true
-- 2.string:空字符串转为false，其他字符串转为true
-- 3.null:转为false
-- 4.undefined:转为false
--
-- 流程控制语句
-- if:
-- switch:
-- for:
-- while:
-- do...while:
--
-- 函数
-- 函数(方法)是被设计为执行特定任务的代码块
-- · 定义:JavaScript 函数通过 function 关键词进行定义，语法为:
-- function functionName(参数1,参数2..){要执行的代码}
-- 注意:
-- · 形式参数不需要类型。因为JavaScript是弱类型语言
-- · 返回值也不需要定义类型，可以在函数内部直接使用return返回即可
-- function add(a,b){return a + b:}
-- · 调用:函数名称(实际参数列表)
-- let result = add(1,2);
-- · 定义方法二:
-- var jnctionName=function(参数列表){要执行的代码}
-- var add= function(a,b){return a + b;}
-- · 调用:JS中，函数调用可以传递任意个数参数
-- let result = add(1.2.3):
--
-- 
-- JavaScript对象
--
-- JavaScript Array对象用定义数组
-- · 定义 
-- var 变量名=new Array(元素列表); /方式一  var arr = new Arra[1,2,3]
-- var 变量名 =[元素列表]; //方式二      var arr = [1,2,3];
-- · 访问
-- arr[索引]= 值;
-- arr[0]= 1;
-- · 注意:Js数组类似于Java集合，长度，类型都可变

-- Array对象属性 部分
-- 属性                   描述 
-- constructor            返回对创建此对象的数组函数的引用
-- length                 设置或返回数组中元素的数目
-- prototype              使您有能力向对象添加属性和方法
-- 
-- Array 对象方法         
-- 方法                   描述
-- concat()               连接两个或更多的数组，并返回结果
-- join()                 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
-- Pop()                  删除并返回数组的最后一个元素
-- push()                 向数组的末尾添加一个或更多元素，并返回新的长度。
-- reverse()              颠倒数组中元素的顺序
-- shift()                删除并返回数组的第一个元素
-- slice()                从某个已有的数组返回选定的元素
-- sort()                 对数组的元素进行排序
-- splice()               删除元素，并向数组添加新元素
-- toSource()             返回该对象的源代码。
-- tostring()             把数组转换为字符串，并返回结果
-- toLocalestring()       把数组转换为本地数组，并返回结果，
-- unshift()              向数组的开头添加一个或更多元素，并返回新的长度
-- valueof()              返回数组对象的原始值
--
-- String对象
-- 注意：    // trim():去除字符串前后两端的空白字符
-- 定义
-- var 变量名=new String(s); //方式一 var str = new String("hello");  
-- var 变量名=s; //方式二     var str = "hello" 或 var str = 'hello';
-- 属性               
-- length         字符串的长度   
-- 
-- 方法
-- charAt()       返回在指定位置的字符。
-- indexof()      检索字符串。
--
-- 自定义对象
-- 格式
-- var 对象名称 = {
-- 属性名称1:属性值1,
-- 属性名称2:属性值2,
-- ...
-- 函数名称:function(形参列表){}
-- ...
-- };
-- 示例
-- var person ={
-- name:"zhangsan",
-- age:23,
-- eat:function(){alert("干饭~");}
-- };
--

                                                                                                                                     ------------------Moonbeams.