前端学习——JS学习

文章目录

  • 1. 定义变量,关键字 var、let、const
  • 2. 定义变量,数据类型
  • 3. 数组变量的操作
  • 4. 对象的操作
  • 5. JSON 字符串

1. 定义变量,关键字 var、let、const

这里主要是对var、let做比较

/** 1. var存在变量提升、let不存在变量提升 
**/
console.log(a); // undefined(通过)
var a = 10;console.log(a); // ReferenceError: a is not defined(报错)
let a = 10;/** 2. var可以多次声明、let不可以多次声明 
**/
var a = 10;
var a = 20;
console.log(a); // 20let a = 10;
let a = 20; // Uncaught SyntaxError: Identifier 'a' has already been declared

简单说一下const的使用

/**1. const声明一个只读的变量,声明后,值就不能改变
**/
const a = 10;
a = 20;  // TypeError: Assignment to constant variable./**2. const必须初始化
**/
const a;  // SyntaxError: Missing initializer in const declaration
const a = 10; // ok/**3. const并不是变量的值不能改动,而是变量指向的内存地址所保存的数据不得改动
**/
const obj = {age: 17
}
obj.age = 18;  // okobj = {		//  SyntaxError: Identifier 'obj' has already been declaredage: 18
}

2. 定义变量,数据类型

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值typeof "John"                // 返回 string
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'John', age:34} // 返回 object

3. 数组变量的操作

1. 添加元素

let arr=[1,2,3,4];
arr.push(5);
console.log(arr);	//得到[1,2,3,4,5]

4. 对象的操作

1. 创建对象

let person = {firstName:"John",lastName:"Doe",age:50,eyeColor:"blue"
};

2. 访问对象属性

let name=person.lastname;
let name=person["lastname"];

3. 添加新属性

//创建obj对象
let obj = {};
//为对象添加动态属性
obj.userName = "admin";
obj.passWord = "123456";
//输出
console.log(obj);    

在这里插入图片描述
4. 删除属性

//创建obj对象
let obj = {};
//为对象添加动态属性
obj.userName = "admin";
obj.passWord = "123456";
//移除属性
delete obj.passWord;
//输出
console.log(obj);   

在这里插入图片描述
5. 两个对象合并

let arr1 = {a:1,b:2,c:3
};
let arr2 = {d:4,e:5,a:6
};
// 拓展运算符,后面相同的属性覆盖前一个
let arr3={...arr1,...arr2};

5. JSON 字符串

let text = '{ "sites" : [' +'{ "name":"Runoob" , "url":"www.runoob.com" },' +'{ "name":"Google" , "url":"www.google.com" },' +'{ "name":"Taobao" , "url":"www.taobao.com" } ]}';// JSON字符串转换JS对象
obj = JSON.parse(text);// JS对象转JSON字符串
let text2 = JSON.stringify(obj);

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

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

相关文章

WordPress使用

WordPress功能菜单 仪表盘 可以查看网站基本信息和内容。 文章 用来管理文章内容,分类以及标签。编辑文章以及设置分类标签,分类和标签可以被添加到 外观-菜单 中。 分类名称自定义;别名为网页url链接中的一部分,最好别设置为中文…

自然语言处理(NLP)—— 神经网络自然语言处理(2)实际应用

本篇文章的第一部分是关于探索词嵌入(word embedding)向量空间。词嵌入是一种语言模型和文本表示技术,其中单词或短语从词汇表被映射到向量的高维空间中。通过这种方式,可以通过计算向量之间的距离来捕捉单词之间的语义关系。 1.…

8.9 矢量图层点要素热度图(Heatmap)使用

文章目录 前言热度图(Heatmap)QGis代码实现 总结 前言 本章介绍如何使用热度图(Heatmap)说明:文章中的示例代码均来自开源项目qgis_cpp_api_apps 热度图(Heatmap) 热度图以颜色代表点密度&…

python自带轻量级键值数据库shelve

使用python自带的shelve模块,可以作为轻量级的键值数据库,在使用时可以像字典一样使用: 使用shelve模块的流程如下: 示例程序 import pandas as pd import shelve import numpy as npdef main():_shelve_file "shelve_fi…

常见的音频与视频格式

本专栏是汇集了一些HTML常常被遗忘的知识,这里算是温故而知新,往往这些零碎的知识点,在你开发中能起到炸惊效果。我们每个人都没有过目不忘,过久不忘的本事,就让这一点点知识慢慢渗透你的脑海。 本专栏的风格是力求简洁…

office word保存pdf高质量设置

1 采用第三方pdf功能生成 分辨率越大质量越好

Nginx网络服务三-----(三方模块和内置变量)

1.验证模块 需要输入用户名和密码 我们要用htpasswd这个命令,先安装一下httpd 生成文件和用户 修改文件 访问页面 为什么找不到页面? 对应的路径下,没有这个文件 去创建文件 去虚拟机浏览器查看 有的页面不想被别人看到,可以做…

亚马逊测评 能让买家更快速的喜欢上你的产品,提高转化率

在当今的电子商务时代,亚马逊作为全球最大的在线零售商之一,已经成为了消费者购买各种商品的首选平台。然而,对于消费者来说,如何选择适合自己的产品成为了他们面临的一大难题。因此,本文将介绍亚马逊上如何让买家通过…

【python】0、超详细介绍:json、http

文章目录 一、json二、http2.1 json 读取 request 序列化 三、基本类型3.1 decimal 四、图像4.1 颜色格式转换 一、json import json f open(data.json) # open json file data json.load(f) # 读出 json object for i in data[emp_details]: # 取出一级属性 emp_details, …

代码随想录算法刷题训练营day23

代码随想录算法刷题训练营day23:LeetCode(669)修剪二叉搜索树、LeetCode(108)将有序数组转换为二叉搜索树、LeetCode(538)把二叉树转化为累加树 LeetCode(669)修剪二叉搜索树 题目 代码 /*** Definition for a binary tree node.* public class TreeNode {* …

月薪2W的软件测试工程师,到底是做什么的?

在生活中,我们常常会遇到以下几种窘迫时刻: 准备骑共享单车出行,却发现扫码开锁半天,车子都没有反应;手机导航打车,却发现地图定位偏差很大,司机总是跑错地方;买个水,却…

【牛客】2024牛客寒假算法基础集训营6ABCDEGHIJ

文章目录 A 宇宙的终结题目大意主要思路代码 B 爱恨的纠葛题目大意主要思路代码 C 心绪的解剖题目大意主要思路代码 D 友谊的套路题目大意主要思路代码 E 未来的预言题目大意主要思路代码 G 人生的起落题目大意主要思路代码 I 时空的交织题目大意主要思路代码 J 绝妙的平衡题目…

如何用GPT进行成像光谱遥感数据处理?

第一:遥感科学 从摄影侦察到卫星图像 遥感的基本原理 遥感的典型应用 第二:ChatGPT ChatGPT可以做什么? ChatGPT演示使用 ChatGPT的未来 第三:prompt 提示词 Prompt技巧(大几岁) 最好的原则和策…

音视频数字化(数字与模拟-电视)

上一篇文章【音视频数字化(数字与模拟-音频广播)】谈了音频的广播,这次我们聊电视系统,这是音频+视频的采集、传输、接收系统,相对比较复杂。 音频系统的广播是将声音转为电信号,再调制后发射出去,利用“共振”原理,收音机接收后解调,将音频信号还原再推动扬声器,我…

计算机设计大赛 深度学习图像风格迁移 - opencv python

文章目录 0 前言1 VGG网络2 风格迁移3 内容损失4 风格损失5 主代码实现6 迁移模型实现7 效果展示8 最后 0 前言 🔥 优质竞赛项目系列,今天要分享的是 🚩 深度学习图像风格迁移 - opencv python 该项目较为新颖,适合作为竞赛课题…

【Appium UI自动化】pytest运行常见错误解决办法

通过Appium工具录制代码在pycharm上运行报错: 错误一: 1.提示 setup() 方法运行 error failed 解决办法:未创建 init __ 方法,创建一个空的__init.py文件就解决了。 原因: 错误二: 2.运行代码&#xff…

选择 Python IDE(VSCode、Spyder、Visual Studio 2022和 PyCharm)

前言 当选择 Python 开发工具时,你需要考虑自己的需求、偏好和项目类型。下面是对VSCode、Spyder、Visual Studio 2022和 PyCharm的对比推荐总结: 结论 1、如果你专注于“数据科学”,选择SpyDer没错。 内容 Visual Studio Code (VS Code)…

React基础-webpack+creact-react-app创建项目

学习视频:学习视频 2节:webpack工程化创建项目 2.1.webpack工程化工具:vite/rollup/turbopak; 实现组件的合并、压缩、打包等; 代码编译、兼容、校验等; 2.2.React工程化/组件开发 我们可以基于webpack自己去搭建…

【Flutter/Android】运行到安卓手机上一直卡在 Running Gradle task ‘assembleDebug‘... 的终极解决办法

方法步骤简要 查看你的Flutter项目需要什么版本的 Gradle 插件: 下载这个插件: 方法一:浏览器输入:https://services.gradle.org/distributions/gradle-7.6.3-all.zip 方法二:去Gradle官网找对应的版本:h…

网页数据批量采集流程搭建

分享主流电商平台网页数据批量采集,数据采集API接口的相关知识。 电商数据采集是很多运营工作中必不可少的一个环节。有了足够的数据,才能够更好地了解自身的受众群体,并且根据受众的喜好进行有针对性的设计和优化。 数据采集的流程是怎样的…