JavaScript 基本数据类型

字符串


在JS中,数据类型有:字符串、数字、布尔、数组、对象、NullUndefined

用到最多的还是字符串和数组的转换。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
        h1{
            text-align: center;
            text-decoration: overline;
            text-transform: capitalize;
        }

        #p1{
            text-indent: 20px;
        }

    </style>
    
</head>

<body>
        
    <script type="text/javascript">
        var s = "hello world"
        //字符串长度
        console.log("字符串长度"+ s.length)
        //根据索引获取值
        console.log("第五个字符串:" + s[4])
        //替换字符串
        console.log(s.replace('h','H'))
        //字符串转数组
        console.log(s.split(' '))
        
        var arr = s.split(' ')
        console.log(arr.join('-'))

        //找到返回匹配的字符,否则返回null
        var info = s.match('w')
        console.log(info)
        //字符串拼接
        console.log(s + "aaa")

    </script>

</body>

</html>

 

 

 

数组


数组是一个序列的数据结构,代码示例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>

<body>
        
    <script type="text/javascript">
        //数组定义
        var computer = new Array()
        //或者
        var computer1 = ["主机","显示器","键盘","鼠标"]
        console.log(computer,computer1)

        //数组添加元素
        computer[0] = "联想"
        computer[1] = "华为"
        computer.push("华硕")

        //通过索引查找元素
        console.log(computer[1])
       //数组长度
        console.log(computer.length)

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

        //数组删除
        console.log(computer.slice(0,computer.length-1))

    </script>

</body>

</html>

 

 

对象


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

格式 d = {'key1':value1, 'key2':value2, 'key3':value3}   注意: 对象通过 key 来访问 value ,因此字典中的 key 不允许重复。
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>

<body>
        
    <script type="text/javascript">
        var user = {
            name: '张山',
            sex: '男',
            age: 30
        }

        console.log(user)
        //通过属性名查询值
        console.log(user.name)
        //或者
        console.log(user['name'])

       //增加
       user.height = "180cm"
       console.log(user.height)
    </script>

</body>

</html>

 

操作符


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

常用操作符  代码示例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>

<body>
        
    <script type="text/javascript">
    //比较操作符
    console.log(1 == 2)
    //算数操作符
    console.log(1 + 2)
    var num = 0 
    num++
    console.log(num)
    //逻辑操作符
    console.log(num > 0 && num > -1)
    //赋值操作符
    num += 1
    console.log(num)
    </script>

</body>

</html>

 

 

 

 条件判断


if (表达式) {
  <代码块>
} else if (表达式) {
  <代码块>
} else {
  <代码块>
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>

<body>
     <img id="img" src="1.jpg" title="this is image" width="400px" height="400px">
     <br>
     <button onclick="changeImage('on')">开灯</button>
     <button onclick="changeImage('off')">关灯</button>  

    <script type="text/javascript">
         function changeImage(status){
            var x = document.getElementById('img')
             if (status == 'on'){
                x.src = "1.jpg"
             }else if (status = 'off'){
                x.src = '2.jpg'
             }
         }
    </script>

</body>

</html>

 

 

for循环


for 循环 : 一般用于遍历数据类型的元素进行处理,例如字符串、数组、对象。
语法 :
for (<变量> in <序列>) {
   <代码块>
}
代码示例 : 遍历数组和对象
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>

<body>
        
    <script type="text/javascript">

        //遍历数组
        var array = ["主机","显示器","键盘"]
        //方式1
        for (i in array){
            console.log(array[i])
        }
       //方式2
        array.forEach(function(e){
            console.log(e)
        })


        //遍历对象
        var user = {name:"李四",sex:"男",age:"30"};
        //方式1
       for(let k in user) {
         console.log(k + ":" + user[k])
       }
        
       //遍历对象
       var user = {name:"李四",sex:"男",age:"30"};
       //方式1
       for(let k in user) {
          console.log(k + ":" + user[k])
      }
      //方式2

    </script>

</body>

</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/139685.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Rust语言做数据抓取代码示例

这个任务需要使用到Rust语言和网络爬虫相关的库&#xff0c;以下是一个简单的示例代码。请注意&#xff0c;由于涉及到的具体问题和数据的复杂性&#xff0c;这个示例可能并不能直接满足你的需求&#xff0c;需要根据你的具体情况进行修改和扩展。 use reqwest; use serde::{De…

Splashtop 如何维护 GDPR 合规性

2018年&#xff0c;欧盟颁布了一项新法律&#xff0c;以保护欧洲公民的个人数据免遭任何收集数据的人不当处理。这可能意味着企业和组织&#xff0c;包括面对面和虚拟形式。这项开创性的法律为其他立法铺平了道路&#xff0c;例如加利福尼亚州的《加州消费者隐私法》&#xff0…

linux线程

文章目录 前言一、线程1、线程概念2、线程使用2.1 pthread_create2.2 线程共享数据和私有数据2.3 为什么线程切换的成本更低&#xff1f; 3、线程性质3.1 线程的优点3.2 线程的缺点3.3 线程异常3.4 线程用途 4、vfork接口 二、线程控制1、线程创建2、线程等待3、线程退出4、线程…

行业追踪,2023-11-13

自动复盘 2023-11-13 凡所有相&#xff0c;皆是虚妄。若见诸相非相&#xff0c;即见如来。 k 线图是最好的老师&#xff0c;每天持续发布板块的rps排名&#xff0c;追踪板块&#xff0c;板块来开仓&#xff0c;板块去清仓&#xff0c;丢弃自以为是的想法&#xff0c;板块去留让…

集成Line、Facebook、Twitter、Google、微信、QQ、微博、支付宝的三方登录sdk

下载地址&#xff1a; https://githubfast.com/anerg2046/sns_auth 安装方式建议使用composer进行安装 如果linux执行composer不方便的话&#xff0c;可以在本地新建个文件夹&#xff0c;然后执行上面的composer命令&#xff0c;把代码sdk和composer文件一起上传到项目适当位…

【STM32】定时器+基本定时器

一、定时器的基本概述 1.软件定时器原理 原来我们使用51单片机的时候&#xff0c;是通过一个__nop()__来进行延时 我们通过软件的方式来进行延时功能是不准确的&#xff0c;受到很多不确定因素。 2.定时器原理&#xff1a;计数之间的比值 因为使用软件延时受到影响&#xff0c…

Scala---介绍及安装使用

一、Scala介绍 1. 为什么学习Scala语言 Scala是基于JVM的语言&#xff0c;与java语言类似&#xff0c;Java语言是基于JVM的面向对象的语言。Scala也是基于JVM&#xff0c;同时支持面向对象和面向函数的编程语言。这里学习Scala语言的原因是后期我们会学习一个优秀的计算框架S…

企业如何管理员工电脑和规范电脑的使用

企业如何管理员工电脑和规范电脑的使用 在现代信息时代&#xff0c;数据安全问题已经成为各个领域都面临的挑战。随着大数据的快速发展和互联网的普及&#xff0c;数据泄露的风险也逐渐增加。而作为企业或个人用户&#xff0c;如何保护自己的数据&#xff0c;避免泄露给不法分…

ios 对话框UIAlertController放 tableview

//强弱引用 #define kWeakSelf(type)__weak typeof(type)weak##type type; -(void) showUIAlertTable {kWeakSelf(self)UIAlertController *alert [UIAlertController alertControllerWithTitle:NSLocalizedString("select_stu", nil) message:nil prefer…

构建Docker基础镜像(ubuntu20.04+python3.9.10+pytorch-gpu-cuda11.8)

文章目录 一、前置条件1.创建 ubuntu 镜像源文件【sources.list】2.下载 python 安装包【Python-3.9.10.tgz】 二、构建方法1.构建目录2.创建DockerFile3.打包镜像 一、前置条件 配置一下 ubuntu 的镜像源下载 python 安装包 1.创建 ubuntu 镜像源文件【sources.list】 内容…

麒麟信安登录央视,深度展现为中国信息安全铸“魂”之路

麒麟信安登录央视&#xff0c;深度展现为中国信息安全铸“魂”之路 近日&#xff0c;麒麟信安登录央视频道&#xff0c;《麒麟信安——为中国信息安全铸“魂”》在CCTV-4中文国际频道、CCTV-7国防军事频道、CCTV-10 科教频道、CCTV-12社会与法频道、CCTV-17农业农村频道&#x…

动态调整学习率Lr

动态调整学习率Lr 0 引入1 代码例程1.1 工作方式解释 2 动态调整学习率的几种方法2.1 lr_scheduler.LambdaLR2.2 lr_scheduler.StepLR2.3 lr_scheduler.MultiStepLR2.4 lr_scheduler.ExponentialLR2.2.5 lr_scheduler.CosineAnnealingLR2.6 lr_scheduler.ReduceLROnPlateau2.7 …

后门程序2

System\CurrentControlSet\Services\Disk\Enum Windows 操作系统注册表中的一个路径。这个路径通常包含有关磁盘设备的信息。在这个特定的路径下&#xff0c;可能存储了有关磁盘枚举的配置和参数 Enum&#xff08;枚举&#xff09;子键通常包含了系统对磁盘的枚举信息&#xf…

网络安全/黑客技术(0基础入门到进阶提升)

前言 前几天发布了一篇 网络安全&#xff08;黑客&#xff09;自学 没想到收到了许多人的私信想要学习网安黑客技术&#xff01;却不知道从哪里开始学起&#xff01;怎么学 今天给大家分享一下&#xff0c;很多人上来就说想学习黑客&#xff0c;但是连方向都没搞清楚就开始学习…

高通SDX12:ASoC 音频框架浅析

一、简介 ASoC–ALSA System on Chip ,是建立在标准ALSA驱动层上,为了更好地支持嵌入式处理器和移动设备中的音频Codec的一套软件体系。 本文基于高通SDX12平台,对ASoC框架做一个分析。 二、整体框架 1. 硬件层面 嵌入式Linux设备的Audio subsystem可以划分为Machine(板…

关于企业海外Social平台营销布局,你需要了解这三件事

01 企业Social营销布局模式 Social营销走到现在&#xff0c;早已进入了标准配置期。任何企业和组织&#xff0c;进行营销宣传的时候都会在社媒社交平台上创建账号和运营。目前&#xff0c;海外Social平台营销模式基本分为四类&#xff1a; 官方社媒账号运营&#xff1a;以Hoot…

HTML5学习系列之主结构

HTML5学习系列之主结构 前言HTML5主结构定义页眉定义导航定义主要区域定义文章块定义区块定义附栏定义页脚 具体使用总结 前言 学习记录 HTML5主结构 定义页眉 head表示页眉&#xff0c;用来表示标题栏&#xff0c;引导和导航作用的结构元素。 <header role"banner…

使用Python和requests库的简单爬虫程序

这是一个使用Python和requests库的简单爬虫程序。我们将使用代理来爬取网页内容。以下是代码和解释&#xff1a; import requests from fake_useragent import UserAgent # 每行代理信息 proxy_host "jshk.com.cn" # 创建一个代理器 proxy {http: http:// proxy_…

SQLServer添加Oracle链接服务器

又一次在项目中用到了在SQLServer添加Oracle链接服务器&#xff0c;发现之前文章写的也不太好使&#xff0c;那就再总结一次吧。 1、安装OracleClient 安装64位&#xff0c;多数SQLServer是64位&#xff0c;所以OracleClient也安装64位的&#xff1b; 再一个一般安装的Oracl…

Python二级 每周练习题26

如果你感觉有收获&#xff0c;欢迎给我打赏 ———— 以激励我输出更多优质内容 练习一: 从键盘输入任意字符串&#xff0c;按照下面要求分离字符串中的字符&#xff1a; 1、分别取出该字符串的第偶数位的元素&#xff08;提醒注意&#xff1a;是按照从左往右数的 方式确定字…