js常见知识点

原创已于 2023-01-05 19:49:11 修改 · 92 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

于 2023-01-05 15:49:46 首次发布

本文介绍了JavaScript的基础语法，包括单行和多行注释，文档注释的使用。讲解了变量的命名规则，如secondKillProductName，并讨论了不同数据类型，如string、number、boolean、array和object。此外，还涉及了数据类型转换，如parseInt和parseFloat用于将字符串转换为数值。

js_01_基础语法

- 注释

单行注释：

多行注释：

/* */

文档注释

/**
*
*
*/

- 变量 variable

变量命名要求

只能包含数字、字母、下划线

见名思意

首字母小写，多个单词首先字母大写，例如：secondkillProductName

数据类型：

string 字符串

number 数值

boolean 布尔

array 数组

object 对象

数据类型转换

var secondKillProductName  ; // 秒杀商品的名称 undefiend
console.log(secondKillProductName)


 secondKillProductName = '车厘子'; // 当前的变量的数据类型是 string
 console.log(secondKillProductName)

 var userAge;  // undefiend,没有数据类型
 userAge = 20; // 数据类型 才是 number

 // 获得变量的数据类型  typeof productPrice
 var productPrice = 29.9;  
 console.log("productPrice 变量的数据类型：" + typeof productPrice)

 var isExist = true; //boolean 的值： true / false

 // 将 '30' ,"29.9"字符串  转换成 数值
 var a = parseInt('30')
 var b = parseFloat('29.9');
 console.log("a =：" +  a)
 console.log("a 类型：" + typeof a)
 console.log("b =" +  b)
 console.log("b 类型：" + typeof b)

js_02_条件语句

if语句

只有当指定条件为true时，该语句才会执行代码

语法

if(condition)
{
    当条件为true时执行代码
}//注意：请使用小写的if，使用大写的IF会生成js错误

例子：

var a = 1;
var b = 3;
if(a > b){
    x="good man"
}
document.write(x)

运行结果：

good man

if-else语句

在条件为true时执行，在条件为false时执行其他代码

语法

if (condition)
{
    当条件为 true 时执行的代码
}
else
{
    当条件不为 true 时执行的代码
}

例子

var a = 10;
var b = 20;
var c = 10;
if(a > b){
    console.log("a > b");
}else{
    console.log("a < =b");
}

运行结果

a <= b

if...else if...else 语句

语法

if (condition1)
{
    当条件 1 为 true 时执行的代码
}
else if (condition2)
{
    当条件 2 为 true 时执行的代码
}
else
{
  当条件 1 和 条件 2 都不为 true 时执行的代码
}

例子

根据年月，月份，获得对应的天数 day；例如2023年

var year=2023;
var month = 11;
if(month ==1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12 )
    console.log("day:31");
else if(month == 4 || month == 6 || month == 9 || month == 11)
console.log("day:30");
else if((year % 4 == 0 && year % 100 != 0) || (0 == year % 400 ))
console.log("day:29");
 else 
 console.log("day28");

运行结果

day：30

switch语句

switch-case 中的break ：结束当前switch-case

default ：表示case条件都不匹配，执行业务代码（类似else）

语法

switch(n)
{
    case 1:
        执行代码块 1
        break;
    case 2:
        执行代码块 2
        break;
    default:
        与 case 1 和 case 2 不同时执行的代码
}

例子

根据年月，月份，获得对应的天数 day；例如2023年

var year=2023;
var month = 11;
switch(month){
    case 1:
    case 3:
    case 5:
    case 7:
    case 8:
    case 10:
    case 12:
        console.log("这个月有31天");
        break;
    case 4:
    case 6:
    case 9:
    case 11:
        console.log("这个月有30天")
        break;
    case 2:
         if((year % 4 == 0 && year % 100 != 0) || (0 == year % 400 ))
            day = 29;
        else 
            day = 28;
        break;
}

运行结果

这个月有30天

例2

var wekeday = 1;
switch(wekeday){
    case 1: console.log("星期一");break;
    case 2: console.log("星期二");break;
    case 3: console.log("星期三");break;
    case 4: console.log("星期四");break;
    case 5: console.log("星期五");break;
    case 6: console.log("星期六");break;
    case 7: console.log("星期日");break;
    default: console.log("无效的数字");

js_03_循环

while循环

while 循环会在指定条件为真时循环执行代码块。

语法

while (条件)
{
    需要执行的代码
}

实例

1.求100以内整数和

代码：

var sum = 0;
var n = 1;
while(n <= 100){
    sum += n;
    n++;
}
console.log("100以内整数和 sum=" + sum)

运行结果

100以内整数和 sum=5050

2.求20以内能被3整除的整数和

代码：

sum = 0;
n = 3;
while(n <= 20){
    sum += n;
    n+=3; //n = n+3, n = 3, 6 ,9 ,...
}
console.log("20以内能被三整除的整数和sum=" + sum)

运行结果

20以内能被三整除的整数和sum=63

do-while循环

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。

语法

do
{
    需要执行的代码
}
while (条件);

实例

1.求100以内整数和

代码：

sum = 0;
n = 1;
do{
    sum +=n;
    n++;
   
}while(n <= 100);
console.log("100以内整数和 sum=" + sum);

运行结果

100以内整数和 sum=5050

2.求20以内能被3整除的整数和

代码：

sum = 0;
n = 3;
do{
    sum += n;
    n += 3;
}while(n < 20);
console.log("20以内能被三整除的整数和sum=" + sum);

运行结果

20以内能被三整除的整数和sum=63

for循环

语法

for (语句 1; 语句 2; 语句 3)
{
    被执行的代码块
}

1.求100以内整数和

代码：

 sum=0;
for(var a = 1; a <= 100; a++){
    sum += a;//先执行a=1 再a<=100; 在sum+= ，
}
console.log("100以内整数和 sum=" + sum)

运行结果

100以内整数和 sum=5050

2.求20以内能被3整除的整数和

代码：

 sum = 0;
 n = 3
for(n % 3 == 0; n <= 20; n+=3){
    sum += n;
}
console.log("20以内能被三整除的整数和sum=" + sum)

运行结果

20以内能被三整除的整数和sum=63

js_04_数组

- 数组的三种定义方式

第一种

var arr1 = ["code","tool",'run','view', 'file'];

第二种

var arr2 = new Array("code","tool",'run','view', 'file');

第三种

var arr3 = new Array();
arr3[0] = 'code';
arr3[1] = 'tool';
arr3[2] = 'run';
arr3[3] = 'view';
arr3[4] = 'file';

- 数组的使用

获得数组的个数

var len = arr1.length;
console.log("arr1 元素个数" + len)//获得数组元素个数

在数组中插入两个新元素

var len = arr1.length;
arr1[5] = 'select';
arr1[6] = 'good';
console.log(arr1)//增加两个新元素

遍历输出每个元素

for(var i = 0; i < arr1.length; i++){
    console.log(arr1[i]);
}

交换两个变量的值

var a = 10;
var b = 20;
//s形状（以什么结尾，就以什么开始）
var c = a;
a = b;
b = c;
console.log(a , b)

交换下标【2】【3】元素的值

var temp = arr1[2];
arr1[2] = arr1[3];
arr1[3] = temp;
console.log(arr1[2] , arr1[3])

找出数组中的最大值和最小值

var arr4 = [63,25,67,12,79,28,45,36];
var max = arr4[0];
var min = arr4[0];
for(var i = 1; i < arr4.length;i++){
    if(arr4[i] > max)
    max = arr4[i];
    if(arr4[i] < min)
    min = arr4[i];
}
console.log("最大值 max =" + max);
console.log("最小值min =" + min);

查询重复的元素

var a = [63,25,20,67,20,79,36,45,36,20,49];

for(var i = 1; i < a.length; i++){
    for(var j = i + 1; j < a.length; j++)
    if(a[i] == a[j]){
        console.log(a[i])
        break;
    }
}