javascript 基础

最新推荐文章于 2025-12-04 17:39:28 发布

转载最新推荐文章于 2025-12-04 17:39:28 发布 · 71 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wt7018/p/11146657.html

文章标签：

#javascript #前端 #后端 #ViewUI

本文深入解析JavaScript的基础语法，涵盖变量、数据类型、运算符、流程控制语句等核心概念，详细介绍了数字、字符串、布尔值、数组和对象的操作方法，以及条件语句、循环语句的使用技巧。

一、变量
1、关键字
    var
2、组成
    字母、数字、下划线和$符组成，不能以数字开头
    命名规则：驼峰规则
3、特点
    变量名区分大小写
4、常量
    关键字：const
二、数据类型
1、数字
    a、注意：javascript，数字没有整型和浮点型的之分
    b、parseint(字符串)
        作用：将字符串转成整数。若字符串是字母，则返回NaN
2、字符串
    a、字符串拼接
        符号：+ 主推
    b、常用方法
        1、求长度
            s3.length;
        2、去除空格
            s2.trim();  //去除左右两端的空格
            s2.trimLeft();  //去除字符串左边的空格
            s2.trimRight();     //去除字符串右边的空格
        3、字母大小写
            s2.toLowerCase();   //全部小写
            s2.toUpperCase();   //全部大写
        4、索引
            s2.charAt(3);   //根据索引，获取元素
            s2.indexOf('G');    //根据元素，获取索引
        5、切片
            s2.slice(0, 2);
            注意：顾头不顾尾
        6、子字符串
            s2.substring(1, 3); 
            注意：start要小于end，若start大于end，则start和end值对调
        7、字符串拼接
            s2.concat(s3);
3、布尔值
        注意：true 和 false 要小写
4、null和undefined的区别
    undefined是定义后，不赋值
    null 是定义后，赋值null
    注意：
        undefined的数据类型是 undefined
        null 的数据类型是 object
        null 和 undefined 若等于相等，强等于不相等
5、对象
    1、数组
        a、定义
            var li = [123, "123"];
        b、常用方法
            1)、求数组元素个数
                li.length;
            2)、添加元素
                li.push('dnf');     //从数组的尾部添加元素
                li.unshift('a', 'b');   //从数组的前端添加元素
            3)、删除元素
                li.pop()    //数组尾端，删除元素(一个)
                li.shift()  //数组前端，删除元素(一个)
            4)、切片(顾头不顾尾)
                li.slice(1, 4);
            5)、反转
                li.reverse();
            6)、排序
                li2.sort();
                注意：将元素转换成字符串，再排序，一般排序不在前端，都在后端进行排序
            7)、数组拼接
                console.log(li.concat(li2));
        c、typeof
            作用：查看数据类型
            格式：tyoeof 数据
　　2、对象可以自定义
三、运算符
    1、数学运算符
        + - * / % ++ --
    2、比较运算符
        < > <= >= === !== == !=
        注意：== 是若等于，=== 是强等于，一般用强等于
    3、逻辑运算符
        &&  与
        ||  或
        !   非  
    4、赋值运算符
        += -= *= /=
四、流程控制语句
    1、if条件语句
    if ... else...
        if(a1>5){
            console.log("yes");
        }else{
            console.log("no");
        }
    if... else if .. else
        if (a1>5){
            console.log("a1大于5");
        } else if(a1 < 5){
            console.log("a1小于5");
        }else {
                console.log("a1等于5");
        } 
    2、switch语句
    var newFlag = 123;
    switch (newFlag){
        case true:
        console.log("为真");
        break;
        case false:
        console.log("为假");
        break;
        default:
        console.log("其它");    
    }
    3、while语句
    var num = 4;
    while (num<7){
        console.log("Hello, World!");
        num += 1;
    }
    4、for循环
    li = [3, 1, 2, 'a', 'b', 'c'];
        for (var i = 0; i < li.length; i++){
        console.log(i);
    }
    5、三目运算/三元运算
    var num1=10;
    var num2=20;
    num1>num2?num1:num2;