• JavaScript 基本数据类型

    字符串

    在JS中，数据类型有：字符串（用到最多的还是字符串和数组的转换）、数字、布尔、数组、对象、Null、Undefined

    1. DOCTYPE html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6.     <style>
    7.         h1{
    8.             text-align: center;
    9.             text-decoration: overline;
    10.             text-transform: capitalize;
    11.         }
    12.  
    13.         #p1{
    14.             text-indent: 20px;
    15.         }
    16.  
    17.     style>
    18.     
    19. head>
    20.  
    21. <body>
    22.         
    23.     <script type="text/javascript">
    24.         var s = "hello world"
    25.         //字符串长度
    26.         console.log("字符串长度"+ s.length)
    27.         //根据索引获取值
    28.         console.log("第五个字符串:" + s[4])
    29.         //替换字符串
    30.         console.log(s.replace('h','H'))
    31.         //字符串转数组
    32.         console.log(s.split(' '))
    33.         
    34.         var arr = s.split(' ')
    35.         console.log(arr.join('-'))
    36.  
    37.         //找到返回匹配的字符，否则返回null
    38.         var info = s.match('w')
    39.         console.log(info)
    40.         //字符串拼接
    41.         console.log(s + "aaa")
    42.  
    43.     script>
    44.  
    45. body>
    46.  
    47. html>

    charAt  返回对应位置的字母

    返回对应位置的字母，位置从0开始，传入正整数，最后一个字母是s.length -1。不要超出取值范围，还有负数，因为返回的都是空字符串。

     contact  连接两个字符串

    一般是将合并的结果合并起来给到一个新的变量。

    如果只做字符串相加是不需要使用concat的，可以使用+连接字符串。  

    concat和+号还是有区别的，concat不管什么类型都直接合并为字符串，+号是遇到数字类型直接做运算，遇到字符串就和字符串相连接。

    split  分割字符串  

    切割之后变为数组。如果要得到一个字符串里面的每一个字符，那么就通过""来切割。 

     

     

    trim  去除特殊字符

    如果中间有特殊字符是不能去掉的，但是如果两端有特殊字符可以去掉。 

     

     

    数组

    数组是一个序列的数据结构，代码示例：

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6. head>
    7.  
    8. <body>
    9.         
    10.     <script type="text/javascript">
    11.         //数组定义
    12.         var computer = new Array()
    13.         //或者
    14.         var computer1 = ["主机","显示器","键盘","鼠标"]
    15.         console.log(computer,computer1)
    16.  
    17.         //数组添加元素
    18.         computer[0] = "联想"
    19.         computer[1] = "华为"
    20.         computer.push("华硕")
    21.  
    22.         //通过索引查找元素
    23.         console.log(computer[1])
    24.        //数组长度
    25.         console.log(computer.length)
    26.  
    27.         for(var i = 0; i < computer.length; i++){
    28.             console.log(computer[i])
    29.         }
    30.  
    31.         //数组删除
    32.         console.log(computer.slice(0,computer.length-1))
    33.  
    34.     script>
    35.  
    36. body>
    37.  
    38. html>

    对象

    对象是一个具有映射关系的数据结构。用于存储有一定关系的元素。

    格式 d = {'key1':value1, 'key2':value2, 'key3':value3}   注意: 对象通过 key 来访问 value ，因此字典中的 key 不允许重复。 
    1. DOCTYPE html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6. head>
    7.  
    8. <body>
    9.         
    10.     <script type="text/javascript">
    11.         var user = {
    12.             name: '张山',
    13.             sex: '男',
    14.             age: 30
    15.         }
    16.  
    17.         console.log(user)
    18.         //通过属性名查询值
    19.         console.log(user.name)
    20.         //或者
    21.         console.log(user['name'])
    22.  
    23.        //增加
    24.        user.height = "180cm"
    25.        console.log(user.height)
    26.     script>
    27.  
    28. body>
    29.  
    30. html>

    操作符

    一个特定的符号，用它与其他数据 类型连接起来组成一个表达式。常用于条件 判断，根据表达式 返回True/False采取动作。

    常用操作符  代码示例：

    1. DOCTYPE html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6. head>
    7.  
    8. <body>
    9.         
    10.     <script type="text/javascript">
    11.     //比较操作符
    12.     console.log(1 == 2)
    13.     //算数操作符
    14.     console.log(1 + 2)
    15.     var num = 0 
    16.     num++
    17.     console.log(num)
    18.     //逻辑操作符
    19.     console.log(num > 0 && num > -1)
    20.     //赋值操作符
    21.     num += 1
    22.     console.log(num)
    23.     script>
    24.  
    25. body>
    26.  
    27. html>

     条件判断

    1. if (表达式) {
    2.   <代码块>
    3. } else if (表达式) {
    4.   <代码块>
    5. } else {
    6.   <代码块>
    7. }
    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6. head>
    7.  
    8. <body>
    9.      <img id="img" src="1.jpg" title="this is image" width="400px" height="400px">
    10.      <br>
    11.      <button onclick="changeImage('on')">开灯button>
    12.      <button onclick="changeImage('off')">关灯button>  
    13.  
    14.     <script type="text/javascript">
    15.          function changeImage(status){
    16.             var x = document.getElementById('img')
    17.              if (status == 'on'){
    18.                 x.src = "1.jpg"
    19.              }else if (status = 'off'){
    20.                 x.src = '2.jpg'
    21.              }
    22.          }
    23.     script>
    24.  
    25. body>
    26.  
    27. html>

    for循环

    for 循环 : 一般用于遍历数据类型的元素进行处理，例如字符串、数组、对象。
    语法 : 
    1. for (<变量> in <序列>) {
    2.    <代码块>
    3. }
    代码示例 : 遍历数组和对象 
    1. DOCTYPE html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>首页title>
    6. head>
    7.  
    8. <body>
    9.         
    10.     <script type="text/javascript">
    11.  
    12.         //遍历数组
    13.         var array = ["主机","显示器","键盘"]
    14.         //方式1
    15.         for (i in array){
    16.             console.log(array[i])
    17.         }
    18.        //方式2
    19.         array.forEach(function(e){
    20.             console.log(e)
    21.         })
    22.  
    23.  
    24.         //遍历对象
    25.         var user = {name:"李四",sex:"男",age:"30"};
    26.         //方式1
    27.        for(let k in user) {
    28.          console.log(k + ":" + user[k])
    29.        }
    30.         
    31.        //遍历对象
    32.        var user = {name:"李四",sex:"男",age:"30"};
    33.        //方式1
    34.        for(let k in user) {
    35.           console.log(k + ":" + user[k])
    36.       }
    37.       //方式2
    38.  
    39.     script>
    40.  
    41. body>
    42.  
    43. html>
  • 相关阅读:
    Mybatis 使用typeHandler自定义类型转换
    wireshark of tshark tools v3.4.0版本 支持json
    SQL Server教程 - SQL Server 复制（Replication）
    SpringBoot定时任务 - Spring自带的定时任务是如何实现的？有何注意点？
    C++ -- 类型转换
    AutoJs学习-跳一跳相关代码
    Spring Boot 中的 Redis 数据操作配置和使用
    Qt学习笔记NO2. QCustomPlot 学习使用笔记
    AIoT 在线工程实训平台案例——智能家居2
    线性代数的学习和整理18：什么是维度，什么是秩？秩的各种定理&&秩的计算 (计算部分未完成)
  • 原文地址：https://blog.csdn.net/qq_34556414/article/details/134288050