前端基础(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.mzph.cn/news/42761.shtml

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

相关文章

springboot 整合swagger 入门 使用

1.前提 一定要看好版本。 Springboot ✚ Swagger各版本整理_swagger版本_qq_33334411的博客-CSDN博客 我的版本: <dependency><groupId>io.springfox</groupId><artifactId>springfox-boot-starter</artifactId><version>3.0.0</ver…

前馈神经网络正则化例子

直接看代码&#xff1a; import torch import numpy as np import random from IPython import display from matplotlib import pyplot as plt import torchvision import torchvision.transforms as transforms mnist_train torchvision.datasets.MNIST(root…

Docker:Windows container和Linux container

点击"Switch to Windows containers"菜单时&#xff1a; 提示 然后 实际上是运行&#xff1a;com.docker.admin.exe start-service

成集云 | 乐享问题邀请同步企微提醒 | 解决方案

源系统成集云目标系统 方案介绍 腾讯乐享是腾讯公司开发的一款企业社区化知识管理平台&#xff0c;它提供了包括知识库、问答、课堂、考试、活动、投票和论坛等核心应用。这个平台凝聚了腾讯10年的管理经验&#xff0c;可以满足政府、企业和学校在知识管理、学习培训、文化建…

【gitkraken】gitkraken自动更新问题

GitKraken 会自动升级&#xff01;一旦自动升级&#xff0c;你的 GitKraken 自然就不再是最后一个免费版 6.5.1 了。 在安装 GitKraken 之后&#xff0c;在你的安装目录&#xff08;C:\Users\<用户名>\AppData\Local\gitkraken&#xff09;下会有一个名为 Update.exe 的…

Linux环境变量

环境变量 一.基本概念二.常见的环境变量1.PATH&#xff1a;指令搜索路径2.HOME&#xff1a; 指定用户的主工作目录3.SHELL&#xff1a;当前Shell,它的值通常是/bin/bash 三.查看环境变量的方法四.命令行参数五.环境变量增加和删除六.本地变量 一个问题&#xff1a;我们在写一段…

Kotlin~Bridge桥接模式

概念 抽象和现实之间搭建桥梁&#xff0c;分离实现和抽象。 抽象&#xff08;What&#xff09;实现&#xff08;How&#xff09;用户可见系统正常工作的底层代码产品付款方式定义数据类型的类。处理数据存储和检索的类 角色介绍 Abstraction&#xff1a;抽象 定义抽象接口&…

《Go 语言第一课》课程学习笔记(五)

入口函数与包初始化&#xff1a;搞清 Go 程序的执行次序 main.main 函数&#xff1a;Go 应用的入口函数 Go 语言中有一个特殊的函数&#xff1a;main 包中的 main 函数&#xff0c;也就是 main.main&#xff0c;它是所有 Go 可执行程序的用户层执行逻辑的入口函数。 Go 程序在…

一起创建Vue脚手架吧

目录 一、安装Vue CLI1.1 配置 npm 淘宝镜像1.2 全局安装1.3 验证是否成功 二、创建vue_test项目2.1 cmd进入桌面2.2 创建项目2.3 运行项目2.4 查看效果 三、脚手架结构分析3.1 文件目录结构分析3.2 vscode终端打开项目 一、安装Vue CLI CLI&#xff1a;command-line interface…

日常BUG——微信小程序提交代码报错

&#x1f61c;作 者&#xff1a;是江迪呀✒️本文关键词&#xff1a;日常BUG、BUG、问题分析☀️每日 一言 &#xff1a;存在错误说明你在进步&#xff01; 一、问题描述 在使用微信小程序开发工具进行提交代码时&#xff0c;报出如下错误&#xff1a; Invalid a…

Git提交规范指南

在开发过程中&#xff0c;Git每次提交代码&#xff0c;都需要写Commit message&#xff08;提交说明&#xff09;&#xff0c;规范的Commit message有很多好处&#xff1a; 方便快速浏览查找&#xff0c;回溯之前的工作内容可以直接从commit 生成Change log(发布时用于说明版本…

5、flink任务中可以使用哪些转换算子(Transformation)

1、什么是Flink中的转换算子 在使用 Flink DataStream API 开发流式计算任务时&#xff0c;可以将一个或多个 DataStream 转换成新的 DataStream&#xff0c;在应用程序中可以将多个数据转换算子合并成一个复杂的数据流拓扑图。 2、常用的转换算子 Flink提供了功能各异的转换算…

[论文笔记]ON LAYER NORMALIZATION IN THE TRANSFORMER ARCHITECTURE

引言 这是论文ON LAYER NORMALIZATION IN THE TRANSFORMER ARCHITECTURE的阅读笔记。本篇论文提出了通过Pre-LN的方式可以省掉Warm-up环节,并且可以加快Transformer的训练速度。 通常训练Transformer需要一个仔细设计的学习率warm-up(预热)阶段:在训练开始阶段学习率需要设…

JDK 1.6与JDK 1.8的区别

ArrayList使用默认的构造方式实例 jdk1.6默认初始值为10jdk1.8为0,第一次放入值才初始化&#xff0c;属于懒加载 Hashmap底层 jdk1.6与jdk1.8都是数组链表 jdk1.8是链表超过8时&#xff0c;自动转为红黑树 静态方式不同 jdk1.6是先初始化static后执行main方法。 jdk1.8是懒加…

设置PHP的fpm的系统性能参数pm.max_children

1 介绍 PHP从Apache module换成了Fpm&#xff0c;跑了几天突然发现网站打不开了。 页面显示超时&#xff0c;检查MySQL、Redis一众服务都正常。 进入Fpm容器查看日志&#xff0c;发现了如下的错误信息&#xff1a; server reached pm.max_children setting (5), consider r…

python中的svm:介绍和基本使用方法

python中的svm&#xff1a;介绍和基本使用方法 支持向量机&#xff08;Support Vector Machine&#xff0c;简称SVM&#xff09;是一种常用的分类算法&#xff0c;可以用于解决分类和回归问题。SVM通过构建一个超平面&#xff0c;将不同类别的数据分隔开&#xff0c;使得正负样…

2023全国大学生数学建模竞赛A题B题C题D题E题思路+模型+代码+论文

目录 一. 2023国赛数学建模思路&#xff1a; 赛题发布后会第一时间发布选题建议&#xff0c;思路&#xff0c;模型代码等 详细思路获取见文末名片&#xff0c;9.7号第一时间更新 二.国赛常用的模型算法&#xff1a; 三、算法简介 四.超重要&#xff01;&#xff01;&…

msvcp140.dll丢失的解决方法,如何预防msvcp140.dll丢失

在电脑操作系统中经常会弹出类似msvcp140.dll丢失的错误提示窗口&#xff0c;导致软件无法正常运行。为什么会出现msvcp140.dll丢失的情况呢&#xff1f;出现这种情况应该如何解决呢&#xff1f;小编有三种解决方法分享给大家。 一.msvcp140.dll丢失的原因 1.安装过程中受损:在…

前端框架学习-ES6新特性(尚硅谷web笔记)

ECMASript是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言。javaScript也是该规范的一种实现。 新特性目录 笔记出处&#xff1a;b站ES6let 关键字const关键字变量的解构赋值模板字符串简化对象写法箭头函数rest参数spread扩展运算符Promise模块化 ES8async 和 await E…

云原生周刊:Kubernetes v1.28 新特性一览 | 2023.8.14

推荐一个 GitHub 仓库&#xff1a;Fast-Kubernetes。 Fast-Kubernetes 是一个涵盖了 Kubernetes 的实验室&#xff08;LABs&#xff09;的仓库。它提供了关于 Kubernetes 的各种主题和组件的详细内容&#xff0c;包括 Kubectl、Pod、Deployment、Service、ConfigMap、Volume、…