JavaScript 对象创建,赋值及循环对象键值对
时间: 2023-02-19 14:53:46 浏览: 264
JavaScript 中创建对象的方法有多种,例如使用对象字面量(Object Literal)、构造函数(Constructor)、Object.create() 方法等。赋值也有多种方法,可以使用点表示法(Dot Notation)、中括号表示法(Bracket Notation)等。循环对象键值对可以使用 for...in 循环,也可以使用 Object.keys() 方法获取对象的所有键,再使用 for 循环遍历键值。
相关问题
new map 创建的对象怎么遍历
使用 `for-in` 循环可以遍历 `new Map()` 创建的对象。具体操作如下:
```javascript
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
myMap.set('key3', 'value3');
for (const [key, value] of myMap) {
console.log(`${key} = ${value}`);
}
```
输出结果为:
```
key1 = value1
key2 = value2
key3 = value3
```
其中 `[key, value]` 是解构赋值,用于将 `myMap` 中的每个键值对分别赋值给 `key` 和 `value`。
javascript中的对象、数组、变量、流程控制
JavaScript 是一种面向对象的语言,其中的对象是基本数据类型之一。除了对象,JavaScript 还包含数组、变量和流程控制等基本概念。
## 对象
JavaScript 中的对象是一种无序的键值对集合。对象可以通过字面量或构造函数创建。对象的属性可以是基本类型或其他对象。
### 对象字面量
对象字面量是最常用的创建对象的方式。它使用花括号来包含对象的属性和值,属性和值之间用冒号分隔,属性之间用逗号分隔。
```javascript
let person = {
name: 'John',
age: 30,
address: {
city: 'New York',
state: 'NY',
country: 'USA'
}
};
```
### 构造函数
除了字面量,还可以使用构造函数来创建对象。构造函数是一个普通的函数,通过 new 关键字来实例化一个对象。构造函数的名称通常以大写字母开头。
```javascript
function Person(name, age) {
this.name = name;
this.age = age;
}
let person = new Person('John', 30);
```
## 数组
JavaScript 中的数组是一种有序的列表。可以通过字面量或构造函数创建数组。
### 数组字面量
数组字面量使用方括号来包含数组的元素,元素之间用逗号分隔。
```javascript
let colors = ['red', 'green', 'blue'];
```
### 构造函数
除了字面量,还可以使用构造函数来创建数组。
```javascript
let colors = new Array('red', 'green', 'blue');
```
## 变量
JavaScript 中的变量是用来存储值的容器。变量可以是基本类型或对象。声明变量时,可以使用 var、let 或 const 关键字。
### var
使用 var 关键字声明的变量是函数作用域的。如果在函数内部声明一个变量,那么在函数外部就无法访问这个变量。
```javascript
function myFunction() {
var x = 10;
console.log(x);
}
console.log(x); // 报错,x 未定义
```
### let
使用 let 关键字声明的变量是块级作用域的。如果在块级作用域内声明一个变量,那么在该块级作用域外就无法访问这个变量。
```javascript
if (true) {
let x = 10;
console.log(x);
}
console.log(x); // 报错,x 未定义
```
### const
使用 const 关键字声明的变量是常量,一旦赋值就不能再改变。
```javascript
const PI = 3.14;
PI = 3.1415; // 报错,常量不能被重新赋值
```
## 流程控制
JavaScript 中的流程控制包括条件语句和循环语句。
### 条件语句
条件语句用于根据条件执行不同的代码块。JavaScript 中的条件语句包括 if、if-else 和 switch。
```javascript
// if
if (condition) {
// code
}
// if-else
if (condition) {
// code1
} else {
// code2
}
// switch
switch (expression) {
case value1:
// code1
break;
case value2:
// code2
break;
default:
// code3
}
```
### 循环语句
循环语句用于重复执行代码块。JavaScript 中的循环语句包括 for、while 和 do-while。
```javascript
// for
for (let i = 0; i < 10; i++) {
// code
}
// while
while (condition) {
// code
}
// do-while
do {
// code
} while (condition);
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)