2024/11/4日 日志 关于JavaScript 变量、数据类型、类型转换和流程控制语句以及对象的学习
经过两天的休憩，状态更佳，后面的笔记和学习进度也会加快
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.
浙公网安备 33010602011771号