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('-'))//找到返回匹配的字符,否则返回nullvar 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 += 1console.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 = ["主机","显示器","键盘"]//方式1for (i in array){console.log(array[i])}//方式2array.forEach(function(e){console.log(e)})//遍历对象var user = {name:"李四",sex:"男",age:"30"};//方式1for(let k in user) {console.log(k + ":" + user[k])}//遍历对象var user = {name:"李四",sex:"男",age:"30"};//方式1for(let k in user) {console.log(k + ":" + user[k])}//方式2</script></body></html>

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

高防CDN与高防服务器:谁更胜一筹?

在当今数字化世界中&#xff0c;网络安全对于保护网站和应用程序至关重要。在这一背景下&#xff0c;高防CDN和高防服务器是两种流行的解决方案&#xff0c;用于应对不同类型的网络攻击。本文将分析高防CDN是否能够替代高防服务器&#xff0c;以及它们各自的优势和限制。 高防C…

【黑马程序员】SpringCloud——Eureka

文章目录 前言一、提供者与消费者1. 服务调用关系 二、远程调用的问题三、eureka 原理分析1. eureka 的作用 四、Eureka 案例1. 搭建 eureka 服务1. 服务注册1.1 注册 user-service1.2 启动 user-service3. order-service 完成服务注册 3. 服务发现1. 在 order-service 完成服务…

pytorch之relu激活函数

目录 1、relu 2、relu6 3、leaky_relu 4、ELU 5、SELU 6、PReLU 1、relu ReLU&#xff08;Rectified Linear Unit&#xff09;是一种常用的神经网络激活函数&#xff0c;它在PyTorch中被广泛使用。ReLU函数接受一个输入值&#xff0c;如果该值大于零&#xff0c;则返回该…

(后续补充)vue+express、gitee pm2部署轻量服务器

首先 防火墙全部关闭算了 首先 防火墙全部关闭算了 首先 防火墙全部关闭算了 首先 防火墙全部关闭算了 首先 防火墙全部关闭算了 首先 防火墙全部关闭算了 关闭防火墙 systemctl stop firewalld 重新载入防火墙使设置生效 firewall-cmd --reload 后端的 pm2.config.cjs …

IDEA重新choose source

大概现状是这样&#xff1a;之前有个工程&#xff0c;依赖了别的模块基础包&#xff0c;但当时并没有依赖包的源码工程&#xff0c;因此&#xff0c;通过鼠标左键点进去&#xff0c;看到的是jar包里的class文件&#xff0c;注释什么的都去掉了的&#xff0c;不好看。后面有这个…

『亚马逊云科技产品测评』活动征文|如何搭建低成本亚马逊aws云服务器

授权声明&#xff1a;本篇文章授权活动官方亚马逊云科技文章转发、改写权&#xff0c;包括不限于在 Developer Centre, 知乎&#xff0c;自媒体平台&#xff0c;第三方开发者媒体等亚马逊云科技官方渠道 0. 环境 win10 火狐浏览器 1. 登录 https://aws.amazon.com/cn/ ->…

leetcode:141. 环形链表

一、题目 函数原型&#xff1a; bool hasCycle(struct ListNode *head) 二、算法 判断不是环形链表&#xff0c;只需遍历链表找到空结点即可。 判断是环形链表&#xff0c;由于链表是环形的&#xff0c;遍历不会永远不会结束。所以要设置快慢指针&#xff0c;慢指针一次走一步&…

第十八章:Swing自述

18.1 Swing概述 18.2&#xff1a;Swing常用窗体 18.2.1&#xff1a;JFrame窗体 package eightth; import java.awt.*; //导入AWT包 import javax.swing.*; //导入Swing包 public class JFreamTest { public static void main(String args[]) { // 主方法 JFr…

建链时,please install openssl! use “openssl version“ command to check.

please install openssl! use “openssl version” command to check. 但是我已经安装了 编辑build_chain.sh文件 也可以用vi或者gedit命令 将 [ ! -z “ ( o p e n s s l v e r s i o n ∣ g r e p 1.0.2 ) " ] ∣ ∣ [ ! − z " (openssl version | grep 1.0.2)…

NowCoder | 环形链表的约瑟夫问题

NowCoder | 环形链表的约瑟夫问题 OJ链接 思路&#xff1a; 创建带环链表带环链表的删除节点 代码如下&#xff1a; #include<stdlib.h>typedef struct ListNode ListNode; ListNode* ListBuyNode(int x) {ListNode* node (ListNode*)malloc(sizeof(ListNode));node…

Qt 二维码生成与识别

1.简介 QZXing是一个基于Qt框架的二维码解码库&#xff0c;它是对ZXing&#xff08;Zebra Crossing&#xff09;开源项目的一个Qt封装。ZXing是一个功能强大的开源二维码解码库&#xff0c;支持多种类型的码&#xff0c;包括QR码、DataMatrix码、Aztec码等。 QZXing提供了一个…

java项目之电影网站(ssm框架)

项目简介 电影网站实现了以下功能&#xff1a; 登录模块用例中用户包括用户和管理员和二种角色&#xff0c;分别可以进行其对应的身份登录或取消登录&#xff0c;关闭系统。用户模块主要包括首页&#xff0c;电影信息&#xff0c;电影商城&#xff0c;社区交流&#xff0c;电…

小程序day04

目标 自定义组件 创建组件 引用组件 局部引用 全局引用 组件的函数定义到metods节点中&#xff0c;梦回vue2. 样式 数据&#xff0c;方法&#xff0c;属性 下划线开头的称为自定义方法&#xff0c;非下划线开头的都是事件处理函数。 神特么&#xff0c;this.datathis.pro…

【C#学习笔记】事件

前言 在之前我学习委托的时候&#xff0c;写到了 学习了委托&#xff0c;事件其实也就学习了&#xff0c;事件和委托基本上一模一样&#xff1a; 然而在实际工作中通过对事件的深入学习后发现&#xff0c;实际上事件的使用比委托要严格一些&#xff0c;本节将详细讲解事件的使…

深入理解Python迭代器与生成器

文章目录 1. 迭代器协议代码示例:2. 生成器基础代码示例:3. 使用yield的高级技巧代码示例:4. 生成器表达式代码示例:迭代器和生成器是Python中实现迭代的两种主要方式,它们都允许用户创建可以遍历数据集的对象。在Python中,迭代器协议是指对象需要遵守__iter__()和__next…

YOLOv5论文作图教程(2)— 软件界面布局和基础功能介绍

前言:Hello大家好,我是小哥谈。通过上一节课的学习,相信大家都已成功安装好软件了,本节课就给大家详细介绍一下Axure RP9软件的界面布局及相关基础功能,希望大家学习之后能够有所收获!🌈 前期回顾: YOLOv5论文作图教程(1)— 软件介绍及下载安装(包括软件包+下载安…

数据仓库工具箱-零售业务

文章目录 一、维度模型设计的4步过程1.1 第一步&#xff1a;选择业务过程1.2 第二步&#xff1a;声明粒度1.3 第三步&#xff1a;确定维度1.4 第四步&#xff1a;确定事实 二、零售业务案例研究2.1 第一步&#xff1a;选择业务过程2.2 第二步&#xff1a;声明粒度2.3 第三步&am…

2022最新版-李宏毅机器学习深度学习课程-P34 自注意力机制类别总结

在课程的transformer视频中&#xff0c;李老师详细介绍了部分self-attention内容&#xff0c;但是self-attention其实还有各种各样的变化形式&#xff1a; 一、Self-attention运算存在的问题 在self-attention中&#xff0c;假设输入序列&#xff08;query&#xff09;长度是N…

Unity Input System最简单使用

开始学的是 Input Manager 比较好理解&#xff0c;Input System却不好理解&#xff0c;教程也找了很多&#xff0c;感觉都讲的不清楚&#xff0c;我这里做一个最简单的用 Input System 添加鼠标左键和右键的效果。 1. 安装 Input System 包 首先这个功能不是内置的&#xff0…

MATLAB画图由于线段太多导致导出图片模糊的解决办法

Matlab画图如果figure内的线条过多&#xff0c;或者散点过多&#xff0c;导出的图片会模糊&#xff0c;解决方案 解决方法就在于figure的导出设置中。 在设置的渲染选项中&#xff0c;渲染器有两个&#xff0c;分别为painters和OpenGL&#xff0c;分别为矢量格式输出和位图输出…