JavaScript学习记录

JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:

  1. HTML 定义了网页的内容
  2. CSS 描述了网页的布局
  3. JavaScript 控制了网页的行为

 以下代码是学习四十分钟JavaScript快速入门做的记录

还可以借鉴JavaScript 教程

// 变量与常量
// let , const
// let 变量
// const 常量
let age = 30;
age = 31;
console.log(age);
//原生数据类型
// String,Number,Boolean,null,undefined
const username = "John";
const age2 = 30;
const rate = 4.5;
const isCool = true;
const x = null;
const y = undefined;
let z;
console.log(typeof rate);
console.log(typeof username);
console.log(typeof z);
//模板字符串
//连接
console.log("My name is "+username+"and I am " + age);
const hello = `My name is ${username} and I am ${age}`;
console.log(hello);
//字符串的内置方法
const s = "Hello world!"
console.log(s.length);
console.log(s.toUpperCase());//大写
console.log(s.toLowerCase());//将字母全部小写
console.log(s.substring(0,5));//分割
console.log(s.substring(0,5).toUpperCase());//分割+大写
console.log(s.split(""))
const t = "technology,computers,it,code";
console.log(t.split(","));//使用,分割
//数组
const numbers = new Array(1,2,3,4,5);
console.log(numbers);const fruits = ["apples","oranges","pears",10,true];
fruits[6] = "grapes";
fruits.push("mangos");//数组末尾添加一个元素
fruits.unshift("王");//数组首添加一个元素
fruits.pop();//删除数组末尾元素
console.log(fruits);
console.log(Array.isArray(fruits));
console.log(Array.isArray('ok'));
console.log(fruits[2]);
console.log(fruits.indexOf("王"));
console.log(fruits.indexOf("王")+1);const person = {firstName:"John",lastName:"Doe",age:30,address:{street:"50 main st",city:"Boston",state:"A"        },
};
console.log(person.firstName,person.lastName);
console.log(person.address.city);const {firstName,lastName,address:{city},
} = person;
console.log(lastName,city);
//添加新的属性
person.email = "John@gmail.com";
console.log(person);
//对象数组和JSON
const todos = [{id:1,text:"Take out trash",isCompleted:true,},{id:2,text:"Meeting",isCompleted:true,},{id:3,text:"invent app",isCompleted:false,},
];
console.log(todos[0]);
console.log(todos[2].text);const todoJSON = JSON.stringify(todos);
console.log(todoJSON);
//if条件语句
const b = 20;
if(b === 10){console.log("b is 10")
}else if(b > 10){console.log("b is 大于 10")
}else{console.log("b is not 10")
}
// ||或&&与
// 三目运算符
const e = 10;
const color = e >7 ?"grenn":"blue";
console.log(color);//switch语句
switch(color){case "red":console.log("进入red");break;case "blue":console.log("进入蓝色");break;default:console.log("都不是");
}
//For 
for(let i = 0; i <= 10;i++){// console.log(i);console.log(`For Loop Number:${i}`);
}
//while
let i = 0;
while(i < 10){console.log(`For Loop Number:${i}`);i++;
}
//使用对象数组作为循环的条件
for(let i = 0;i < todos.length;i++){console.log(`For Loop Number:${i} `+ todos[i].text);
}
for(let todo of todos){console.log(todo.text+todo.id);
}

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

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

相关文章

【千帆平台】使用千帆大模型平台创建自定义模型调用API,贺岁灵感模型,文本对话

欢迎来到《小5讲堂》 大家好&#xff0c;我是全栈小5。 这是《千帆平台》系列文章&#xff0c;每篇文章将以博主理解的角度展开讲解&#xff0c; 特别是针对知识点的概念进行叙说&#xff0c;大部分文章将会对这些概念进行实际例子验证&#xff0c;以此达到加深对知识点的理解和…

Docker使用操作

文章目录 Docker基本使用1. 安装Docker(简易版)2. docker常用命令3. 镜像基础命令4. 容器操作5. Dockerfile编写 Docker基本使用 环境: python3.11 使用框架 Django 1. 安装Docker(简易版) 卸载旧版本docker(如果存在) sudo apt-get remove docker docker-engine docker-ce d…

镜像管理工具harbor启动在docker中,应该如何重启?

Harbor 是一个用于存储和分发 Docker 镜像的企业级Registry服务器。在 Docker 环境中启动和管理 Harbor 时&#xff0c;您可能需要重启服务来应用更新或配置更改。以下是在 Docker 中重启 Harbor 的步骤&#xff1a; 登录到服务器&#xff1a;首先&#xff0c;您需要通过 SSH 或…

Go 空切片 VS nil切片

在 Go 语言中&#xff0c;空切片和 nil 切片是两种不同的概念。 空切片&#xff1a; 空切片是一个长度和容量都为 0 的切片。你可以通过 make 函数或者切片字面量来创建一个空切片&#xff0c;例如 s : make([]int, 0) 或者 s : []int{}。 空切片不是 nil&#xff0c;即 s !…

神秘物品,从此告别网络焦虑!随身WiFi好用吗?随身WiFi怎么选?

出门在外&#xff0c;网络可是我们的“生命线”。不拿钱包不拿身份证没啥&#xff0c;不拿手机&#xff0c;没有网可是大大的坏事儿。为了一劳永逸的解决我的网络问题&#xff0c;这次我尝试了一款随身WiFi&#xff0c;来简单聊聊我的真实体验感受吧&#xff01; 一、优点&…

使用php实现pc端和移动端分离

使用php实现pc端和移动端分离 自适应技术可以实现根据浏览器的宽度来实现移动端和pc的自适应&#xff0c;但会影响用户的体验&#xff0c;以下代码实现在同一个链接下&#xff0c;移动端和pc分别有各自的html&#xff0c; $browser get_browser(null, true);// 获取设备宽度$d…

碳化硅模块使用烧结银双面散热DSC封装的优势与实现方法

碳化硅模块使用烧结银双面散热DSC封装的优势与实现方法 新能源车的大多数最先进 (SOTA) 电动汽车的牵引逆变器体积功率密度范围从基于 SSC-IGBT 的逆变器的 <10 kW/L 到基于 SSC-SiC 的逆变器的约 25 kW/L。100 kW/L 代表了这一关键指标的巨大飞跃。 当然&#xff0c;随着新…

嵌入式基础

本博客地址&#xff1a;https://security.blog.csdn.net/article/details/136173662 一.嵌入式系统的组成 1、嵌入式系统是以特定应用为中心、以计算机技术为基础&#xff0c;并将可配置与可裁剪的软、硬件集成于一体的专用计算机系统。 2、嵌入式系统的组成结构是&#xff…

热辣滚烫--如何让PCB上的固定螺丝孔沉下去

高速先生成员--王辉东 龙腾盛世,岁月如歌。祝大家开工大吉&#xff0c;热辣滚烫&#xff0c;红红火火,新的征程已然拉开帷幕。 林如烟和赵理工常听大师兄说&#xff0c;最近几年随着国内芯片行业的快速崛起&#xff0c;ATE工装治具和测试板的需求持续增大&#xff0c;由于芯片…

深入了解Linux /etc/passwd文件

在Linux系统中&#xff0c;/etc/passwd 文件是一个重要的系统文件&#xff0c;记录了系统上所有用户的基本信息。通过查看这个文件&#xff0c;我们可以获取用户的用户名、用户ID&#xff08;UID&#xff09;、组ID&#xff08;GID&#xff09;、用户描述、家目录以及默认的She…

聊聊PowerJob的CleanService

序 本文主要研究一下PowerJob的CleanService CleanServiceSlf4jServicepublic class CleanService { private final DFsService dFsService;private final InstanceInfoRepository instanceInfoRepository;private final WorkflowInstanceInfoRepository workflowInstanceIn…

七、计算机视觉-图像的ROI区域

文章目录 1、什么是ROI2、ROI如何实现的3、一个案例总结 1、什么是ROI 在计算机视觉中&#xff0c;ROI代表感兴趣区域&#xff08;Region of Interest&#xff09;&#xff0c;它是指图像或视频中被指定为需要特别关注或处理的区域。ROI可以帮助减少计算量&#xff0c;并且在处…

TrueNAS磁盘扩容(VDEV 和 RAID 技术)

目录 背景扩容前准备扩容有风险安装新的硬盘到卡槽扩容测试一个VDEV两个VDEV 正式扩容关于Raid总结 背景 这几天将原来windows服务器上的文件拷贝到新做好的TrueNAS上&#xff0c;发现磁盘满了&#xff0c;服务器上还有硬盘卡槽&#xff0c;就新买了12块盘&#xff0c;准备扩容…

中国留学生被“虚拟绑架”?AI让电信诈骗更加逼真,我们该怎么识别?

目录 AI让电信诈骗如虎添翼 如何防范冒充熟人的电信欺诈&#xff1f; 近日&#xff0c;一起针对海外留学生群体的新型电信网络诈骗案引发关注。中国驻美国使馆发言人证实&#xff0c;一名疑似遭绑架的中国留学生实际上遭遇了“虚拟绑架”诈骗。 诈骗分子冒充公检法机关、使馆、…

vue通过获取url中的信息登录页面

在主界面获取到url的信息 html <script>let getRequest function () {var url location.href// 从 URL 中提取查询参数部分const queryParamsString url.split(?)[1];// 使用 URLSearchParams 解析查询参数const queryParams new URLSearchParams(queryParamsStrin…

涛哥聊Python | borb,一个好用的 Python 库,处理 PDF 文件好帮手!

本文来源公众号“涛哥聊Python”&#xff0c;仅用于学术分享&#xff0c;侵权删&#xff0c;干货满满。 原文链接&#xff1a;borb&#xff0c;一个好用的 Python 库&#xff01; 大家好&#xff0c;今天为大家分享一个好用的 Python 库 - borb。 Github地址&#xff1a;htt…

Java初探:从入门到上手应用,一路向前的全面指南!

Java初探&#xff1a;从入门到上手应用&#xff0c;一路向前的全面指南&#xff01; 引言 欢迎来到这篇关于Java编程语言的博客&#xff01;Java是一门广泛应用于软件开发领域的高级编程语言&#xff0c;其设计初衷是为了实现一次编写&#xff0c;到处运行的目标。本文将带领你…

Willem, Chtholly and Seniorious(珂朵莉树)

小时候听说过珂朵莉树的大名&#xff0c;奈何当时没有专业知识看不懂。最近正好想起来了&#xff0c;来补上这个遗憾。 珂朵莉树&#xff08;Chtholly Tree&#xff09;又叫老司机树&#xff08;ODT&#xff0c;Old Driver Tree&#xff09;。多年前&#xff0c;一位用户 Old …

ArcEngine开发arcToolbox中视域分析

(1)简介 (2)文档参考 Viewshed_sa <in_raster> <in_observer_features> <out_raster> {z_factor} {FLAT_EARTH | CURVED_EARTH} {refractivity_coefficient} ParameterExplanationData Type<in_raster>Input raster. Composite Geodataset<in…

通俗易懂的L0范数和L1范数及其Python实现

定义 L0 范数&#xff08;L0-Norm&#xff09; L0 范数并不是真正意义上的一个范数&#xff0c;因为它不满足范数的三角不等式性质&#xff0c;但它在数学优化和信号处理等领域有着实际的应用。L0 范数指的是向量中非零元素的个数。它通常用来度量向量的稀疏性。数学上表示为…