前端基础(JavaScript语法)

前言:今天学习JavaScript的基本语法,包括变量、函数、对象、数组。

目录

JavaScript

变量

函数

对象

数组


JavaScript

变量

定义变量

判断语句

判断等于:===

判断不等于:!=

if else语句

if(va==vb){
    console.log("值相等")
}
else{
    console.log("不相等")
}

for循环遍历

let a = {name:"MRJJ_9",age:"35"}
for (i in a) {
    console.log(a[i]);
}

函数

不需要返回值

function add(x,y){
    z=x+y
    console.log(`${z}`);
    return z;
}

const test=function(){
    console.log("test");
}

调用 test()

函数的重新命名

const newtest=test

箭头函数

const test=()=>{
    console.log("learning");
}

const chu=(x,y)=>x/y

等同于:const chu=(x,y)=>{return x/y}

function add(x,y) {console.log(arguments)let arrowFunc=(arrowFunc)=>{let res ="hello,"+arguments[0];console.log("箭头函数中的输出:"res);}arrowFunc('mrjj');return x+y;
}

undefined 未定义

NaN:Not a number

arguments

对象

对象引用前面要加上this.

let person = {"name":"MRJJ_9","age":35,
sayHello:function(){console.log("hello")
},
sayBye(world){console.log(this.name+"再见"+world)}
}

创建一个新的对象、列表、集合、字典

let a=new Object();

let b=new Array();

let c=new Set(); 

let d=new Map();

对象取值 

let wy="name";

person[wy]

person["MRJJ_9"]

数值删除关键字 delete

.toString

遍历

for (i in person){

console.log(i,person[i]);

}

序列化操作,将对象转换为字符串,给每个键加上双引号,将其中的函数去掉

JSON.stringify(person)

JSON.parse()

数组

创建数据

let arr=['name','MRJJ_9'];

随时可以扩容和删除

在后面添加新的值

arr.push();

数组长度

arr.length;

删除,删除最后一个值

arr.pop();

删除前面的一个值

arr.shift();

往前面插入数据

arr.unshift();

切片取值,只取值不改值

arr.slice(start,end) (左闭右开)

删除值

arr.splice(start) 从start这个下标开始删值,后面的都删掉

arr.splice(start,num)从start这个下标开始删值,删的数量是num

arr.splice(start,num,param1,param2,...,paramN),删除值后,再在此位置上添加新的值

在指定位置添加新的值

arr.splice(start,num,param1,param2,...,paramN)

num=0,则在此位置上不删除,添加值

数组清空

arr=[];

arr.length=0;(如果定义了const常量,arr.length=0)

浅拷贝和深拷贝,具体可见python进阶赋值、深浅拷贝部分:

Python进阶(一)_MRJJ_9的博客-CSDN博客

浅拷贝:拷贝的是地址

深拷贝:拷贝的是对象的值

深拷贝的方法

遍历方法:

let arr_new=[];
for(j=0;j<arr.length;j++){
    arr_new[j]=arr[j];
}

用concat方法:new_arr=[].concat(arr)

用...将数组里的值都取出来,再形成新的数字 :new_arr=[...arr]

解构赋值

arr=[1, 2, 3, 4, 5]

let [a,b,c]=arr

则a=1,b=2,c=3,后面的值没有变量接受,不需要了

如果中括号里的值数量大于数组的长度,则后面的值undefined

定义的特殊语法,如果键和值的名一样,只需写键即可。

let mrjj="test";
let x={mrjj};
{mrjj: 'test'}

迭代器方法

arr.forEach((value) => {console.log(value)});

arr.forEach(function(value){console.log(value)});

for (v in arr){
    console.log(v);
}

数组值的更改

arr.forEach((value,index,a)=>{a[index]=value+"MRJJ"}); (但是原数组值改了)

map方法

new_arr = arr.map((value)=>{return value+="MRJJ_9"})(原数组的值未改)

简写方法:new_arr = arr.map(value=>value+="MRJJ_9")

值的过滤 filter

arr.filter((value)=>{return value<3})

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

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

相关文章

基于IMX6ULLmini的linux裸机开发系列七:中断处理流程

中断上下文 cpu通过内核寄存器来运行指令并进行数据的读写处理的&#xff0c;它在进入中断前一个时刻的具体值&#xff0c;称为中断上下文 中断上下文是指CPU在进入中断之前保存的寄存器状态和其他相关信息。当CPU接收到中断请求时&#xff0c;它会保存当前正在执行的指令的状…

好用的安卓手机投屏到mac分享

工具推荐&#xff1a;scrcpy github地址&#xff1a;https://github.com/Genymobile/scrcpy/tree/master mac使用方式 安装环境&#xff0c;打开terminal&#xff0c;执行以下命令&#xff0c;没有brew的先安装brew brew install scrcpy brew install android-platform-too…

区块链中slot、epoch、以及在slot和epoch中的出块机制,分叉原理(自己备用)

以太坊2.0中有两个时间概念&#xff1a;时隙槽slot 和 时段&#xff08;周期&#xff09;epoch。其中一个slot为12秒&#xff0c;而每个 epoch 由 32 个 slots 组成&#xff0c;所以每个epoch共384秒&#xff0c;也就是 6.4 分钟。 对于每个epoch&#xff0c;使用RANDAO伪随机…

docker学习(十五)docker安装MongoDB

什么是MongoDB? MongoDB 是一个开源的、面向文档的 NoSQL 数据库管理系统&#xff0c;它以高性能、灵活的数据存储方式而闻名。与传统的关系型数据库不同&#xff0c;MongoDB 采用了一种称为 BSON&#xff08;Binary JSON&#xff09;的二进制 JSON 格式来存储数据。它是一种非…

李沐pytorch学习-卷积网络及其实现

一、卷积定义 卷积计算过程如图1所示&#xff0c;即输入矩阵和核函数对应的位置相乘&#xff0c;然后相加得到输出对应位置的数。 图1. 卷积计算过程 该过程可以形象地从图2中展现。 图2. 二维卷积示意图 二、代码实现 2.1 实现互相关运算 import torch from torch import n…

使用Pandas处理Excel文件

Excel工作表是非常本能和用户友好的&#xff0c;这使得它们非常适合操作大型数据集&#xff0c;即使是技术人员也不例外。如果您正在寻找学习使用Python在Excel文件中操作和自动化内容的地方&#xff0c;请不要再找了。你来对地方了。 在本文中&#xff0c;您将学习如何使用Pan…

antd5源码调试环境搭建(window系统)

将antd源码克隆至本地 $ git clone gitgithub.com:ant-design/ant-design.git $ cd ant-design $ npm install $ npm start前提安装python3、安装node版本18版本 不然后续安装依赖会报python3相关的错误。 项目需要使用git 初始化 不然会报husky相关的错误 git init重新安…

云计算虚拟仿真实训平台

一、云计算虚拟仿真系统概述 云计算虚拟仿真系统是一种基于云计算技术和虚拟化技术的系统&#xff0c;用于实现各种仿真和模拟任务。它可以提供强大的计算能力和资源管理&#xff0c;为用户提供灵活、高效、可扩展的仿真环境。 该系统通常由一组服务器、网络和存储设备组成&am…

Apache Dubbo 云原生可观测性的探索与实践

作者&#xff1a;宋小生 - 平安壹钱包中间件资深工程师 Dubbo3 可观测能力速览 Apache Dubbo3 在云原生可观测性方面完成重磅升级&#xff0c;使用 Dubbo3 最新版本&#xff0c;你只需要引入 dubbo-spring-boot-observability-starter 依赖&#xff0c;微服务集群即原生具备以…

无脑入门pytorch系列(四)—— scatter_

本系列教程适用于没有任何pytorch的同学&#xff08;简单的python语法还是要的&#xff09;&#xff0c;从代码的表层出发挖掘代码的深层含义&#xff0c;理解具体的意思和内涵。pytorch的很多函数看着非常简单&#xff0c;但是其中包含了很多内容&#xff0c;不了解其中的意思…

musl libc ldso 动态加载研究笔记:02

前言 本篇继续研究 musl libc ldso 的动态加载过程中遇到的关键性的概念&#xff1a;到底要加载ELF 文件的哪些内容到 内存 当前如果遇到 ELF 动态加载&#xff0c;当前系统需要有【文件系统】&#xff0c;并且有较大的内存&#xff0c;因为 ELF 文件是无法直接运行的&#xf…

如何快速的合并多个PPT使之成为一个PPT?

如何快速的合并多个PPT使之成为一个PPT&#xff1f; 项目过程中&#xff0c;经常给客户汇报&#xff0c;经常做PPT&#xff0c;有时候&#xff0c;需要把之前的ppt内容整合到新的内容中&#xff0c;如何快速合并以及使用呢&#xff1f; 幻灯片&#xff08;PPT中&#xff09;点…

JMeter接口自动化测试实例—JMeter引用javaScript

Jmeter提供了JSR223 PreProcessor前置处理器&#xff0c;通过该工具融合了Java 8 Nashorn 脚本引擎&#xff0c;可以执行js脚本以便对脚本进行前置处理。其中比较典型的应用就是通过执行js脚本对前端数据进行rsa加密&#xff0c;如登录密码加密。但在这里我就简单的应用javaScr…

7.maven

1 初始Maven 1.1 什么是Maven Maven是Apache旗下的一个开源项目&#xff0c;是一款用于管理和构建java项目的工具。 官网&#xff1a;https://maven.apache.org/ Apache 软件基金会&#xff0c;成立于1999年7月&#xff0c;是目前世界上最大的最受欢迎的开源软件基金会&…

AI工程师招募;60+开发者AI工具清单;如何用AI工具读懂插件源码;开发者出海解读;斯坦福LLM课程 | ShowMeAI日报

&#x1f440;日报&周刊合集 | &#x1f3a1;生产力工具与行业应用大全 | &#x1f9e1; 点赞关注评论拜托啦&#xff01; &#x1f916; 一则AI工程师招募信息&#xff1a;新领域需要新技能 Vision Flow (目的涌现) 是一家基于 AGI 原生技术的创业公司&#xff0c;是全球探…

Harmony OS教程学习笔记

基础知识 1.如何修改程序启动的第一个页面&#xff1f; 不想使用创建的默认的页面&#xff0c;这时需要修改启动页面&#xff0c;修改的地方在EntryAbility文件中的onWindowStageCreate方法中。 onWindowStageCreate(windowStage: window.WindowStage) {// Main window is cr…

Java中的异常

认识异常 异常就是程序出现的问题&#xff1b; Integer.valueOf("aaaa"); 异常体系 因为写代码时经常会出现问题&#xff0c;Java的设计者们早就为我们写好了很多个异常类&#xff0c;来描述不同场景下的问题。而有些类是有共性的所以就有了异常的继承体系 Error&…

【Windows系统编程】03.远线程注入ShellCode

shellcode&#xff1a;本质上也是一段普通的代码&#xff0c;只不过特殊的编程手法&#xff0c;可以在任意环境下&#xff0c;不依赖于原有的依赖库执行。 远程线程 #include <iostream> #include <windows.h> #include <TlHelp32.h>int main(){HANDLE hPr…

[JavaWeb]【六】web后端开发-请求响应

前言&#xff1a;请求响应 目录 一 引子 二 请求 2.1 Postman 2.1.1 安装 2.1.2 创建工作空间 2.1.3 添加接口 2.2 简单参数 2.2.1 原始方式&#xff08;不推荐&#xff09; 2.2.2 SpringBoot方式-GET(参数名与形参变量名相同) 2.2.3 SpringBoot方式-POST(参数名与形参…

苹果iOS16曝出新漏洞:飞行模式下依旧可连接网络

近日&#xff0c;网络安全研究人员发现iOS 16存在一种新的漏洞利用后持久化技术&#xff0c;即使受害者的苹果设备处于离线状态&#xff0c;也可以利用该技术悄无声息地访问该设备。 Jamf Threat Labs 的研究人员 Hu Ke 和 Nir Avraham 在与 The Hacker News 分享的一份报告中…