JS基础

2021-02-16 16:16

阅读:461

标签:reac   逻辑   trim   oat   清空   parse   执行   val   字符串类   

// alert(‘哈哈哈‘);alert弹框
// 在htmle我们通过script标签src方法进行导入
console.log(‘学习啊‘);
//单行注释
/*
多行注释
*/
// js语言是以分号为结束符

// 声明一个变量,需要var 关键字+变量名=‘‘;
var name= "alex";
var helloWord = "taibai";
//驼峰式命名
/*注意:1.变量名区分大小写
2.推荐使用驼峰式命名规则
3.保留字不能用做变量名
*/
// var s1 ="100";
// parseInt(s1);
// 把字符串类型的100转化为数字类型
// parseFloat("123.456");
// 转为浮点类型


console.log(typeof 250);

console.log(typeof NaN);
// NaN不是一个数字,确是数字类型

// 字符串拼接
var s1="alex";
var s2="wind";
console.log(s1+s2);



// 字符串常用方法:
// .length 返回长度
// .trim() 移除两边空白 ,相当于python的strip()
// .trimLeft() ;移除左边空白
// .trimRight() ; 移除右边空白
// .charAt();返回第n个字符,括号里填索引
// .concat();拼接,我们一般不用这个用+号就可以了
// .indexOf(substring,start);substring代表需要查找的字符串,start代表从第几位开始找,如果找不到返回-1
// .substring(from.to);根据索引获取子序列;如果前面的数(from)小于0(负数)就变为0,如果to小于from,默认就会互换位置
// .slice(start,end);切片
// .toLowerCase();小写
// .toUpperCase();大写
// .split(delimiter,limit);分割,delimiter代表按什么来切,切完返回一个列表,limit代表指定返回列表里面值得数量

// js 里面格式化输出
// 示例:
var name1 =‘wind‘;
var age = 9000;
// var q =`我叫${age}`; 用两个反引号包起来``就是tab键上面得得符号
// console.log(q);

// 布尔值
var a = true;
var b = false;
// 注意纯小写
// ""(空字符串),0,null,undefined,NaN都是flase

// null和undefined去吧
// null表示值是空,一般在需要指定或清空一个变量才会使用,如name=null
// undefined,声明一个变量单未初始化时,该变量得默认值就是undefined,函数无明确返回值时候,返回得就是undefined
// undefined表示只声明了变量,单还没赋值
// null表示变量值是空

// 对象object()
// 1.数组(列表) js叫数组
// 2.自定义对象(字典,json)

// 数组常用方法
// .length ;数组的长度
// .push();尾部追加一个元素
// .pop();不传参数默认把最后一个移除
// .unshift();在头部插入元素
// .shift();在头部移除一个元素
// .slice()切片
// .reverse() 反转
// .join()将数组元素连接成字符串,(拼接)
// .concat(val,...) 连接数组 ,这个用的比较少
// .sort(sortNumber) 排序;这里默认是按照ASCII码顺序排序,我们用数字排序的话,传一个sortNumber
// .forEach()将数组的每个元素传递给回调函数
// .splice(index,howmany,item1,.....,itemX)删除元素,并向数组添加新元素
// index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
// howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目
// item1, ..., itemX 可选。向数组添加的新项目。
// .map() 返回一个数组元素调用函数处理后的值的新数组


// typeof 类型:数组和null的类型都是object 跟python有区别

// 算数运算符: ++ 自增(默认+1) --自减(默认-1)
// 比较运算符: > >=
// 2 == "2" (弱等于)在js里面返回是true,先判断类型是否一样,不一样在判断值是否一样,值一样就是true
// 2 === "2" (强等于)即判断类型又判断值,有一个不一样就是flase
// 2 != "2" (弱不等于) 先判断类型是否一样,不一样在判断值是否一样,值一样就是true
// 2 !== "2" (强不等于) 即判断类型又判断值,有一个不一样就是flase

// 逻辑运算符
// && 与的意思
// 1 && 0 是flase
// || 或的意思
// true || flase 是true

// ! 非得意思(取反)

// 快速把一个变量转化为布尔值!!
// 示例:
// !!1

// 赋值运算符
// += -= *= /=

// 流程控制
// if else
// 示例:
// var a=10;
// if(a>5){
// console.log("yes")
// }else {
// console.log("no")
// }

// if-else,if-else
// 示例:
var a = 10;
if (a>5){
console.log("a>5")
}else if (a console.log("a}else {
console.log("a=5")
}

// switch () 切换的意思
// switch ()语句通常都要加上break如果不加,程序匹配了也会继续向下执行
var day = 2;
switch (day) {
case 1:
console.log(‘哈哈‘);
break;
case 2:
console.log(‘呵呵,666‘) ;
break;
case 3:
console.log(‘嘿嘿‘);
break;
default:
console.log(‘都不满足就执行我‘)
}
// default:以上都不匹配默认的执行我

// for() for循环写法
for (var i =0;i console.log(i);
}

// 示例
var a1 =[1,2,3,4];
for (var i=0;i console.log(a1[i]);
}

// for (;;){
// console.log(123)
// } for循环的死循环


// while 循环
var i =0;
while (i console.log(i);
i++;
}

// 三元运算
var a=100;
var b =200;
var c = a>b ? a:b;
// ?是进行判断,成立a赋值给它否则b赋值给它

JS基础

标签:reac   逻辑   trim   oat   清空   parse   执行   val   字符串类   

原文地址:https://www.cnblogs.com/Selbst/p/12969654.html


评论


亲,登录后才可以留言!