Js 基础知识1

喜欢ヅ旅行 2021-11-02 02:08 325阅读 0赞

JS比较运算符，有两种比较运算符：

第一种是`==`比较，它会自动转换数据类型再比较

第二种是`===`比较，它不会自动转换数据类型，如果数据类型不一致，返回`false`，如果一致，再比较。

不要使用`==`比较，始终坚持使用`===`比较。

浮点数在运算过程中会产生误差，因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等，只能计算它们之差的绝对值，看是否小于某个阈值：

Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true

#### null和undefined ####

JavaScript的设计者希望用`null`表示一个空的值，而`undefined`表示值未定义。区分两者的意义不大。大多数情况下，我们都应该用`null`。`undefined`仅仅在判断函数参数是否传递的情况下有用。

#### 数组 ####

数组是一组按顺序排列的集合，集合的每个值称为元素。JavaScript的数组可以包括任意数据类型。例如：

[1, 2, 3.14, 'Hello', null, true];

另一种创建数组的方法是通过`Array()`函数实现：

new Array(1, 2, 3); // 创建了数组[1, 2, 3]

数组的元素可以通过索引来访问。索引的起始值为`0`：

arr[0]; // 返回索引为0的元素，即1
    arr[5]; // 返回索引为5的元素，即true
    arr[6]; // 索引超出了范围，返回undefined

### slice ###

`slice()`的起止参数包括开始索引，不包括结束索引。

如果不给`slice()`传递任何参数，它就会从头到尾截取所有元素。利用这一点，我们可以很容易地复制一个`Array`

var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
    var aCopy = arr.slice();
    aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
    aCopy === arr; // false

push和pop ：数组尾部插入/删除

unshift和shift ：数组头部插入/删除  unshift添加

#### 对象 ####

JavaScript的对象是一组由键-值组成的无序集合

var person = {
        name: 'Bob',
        age: 20,
        tags: ['js', 'web', 'mobile'],
        city: 'Beijing',
        'has-Car': true,
        zipcode: null
    
    };

访问属性是通过`.`操作符完成的.

person.age
    但是如果包含特殊字符，必须使用''访问 ， person['has-Car']

变量

`如果一个变量没有通过var申明就被使用，那么该变量就自动被申明为全局变量`

字符串

字符串是不可变的，如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果：

1 var s = 'Test';
    2 s[0] = 'X';
    3 alert(s);

条件判断：

JavaScript把`null`、`undefined`、`0`、`NaN`和空字符串`''`视为`false`，其他值一概视为`true`

`for ... of`循环和`for ... in`循环有何区别

`for ... in`循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个`Array`数组实际上也是一个对象，它的每个元素的索引被视为一个属性。

当我们手动给`Array`对象添加了额外的属性后，`for ... in`循环将带来意想不到的意外效果：

var a = ['A', 'B', 'C'];
    a.name = 'Hello';
    for (var x in a) {
        console.log(x); // '0', '1', '2', 'name'
    }
    console.log(a.length); //3

`for ... in`循环将把`name`包括在内，但`Array`的`length`属性却不包括在内。

`for ... of`循环则完全修复了这些问题，它只循环集合本身的元素：

for (var x of a) {
        console.log(x); // 'A', 'B', 'C'
    }

转载于:https://www.cnblogs.com/lixiao24/p/10896635.html

发表评论取消回复

表情：

评论列表（有 0 条评论，325人围观）

还没有评论，来说两句吧...

相关阅读

相关 Node.js（1）Node.js的基础知识

Node.js严格来说不是一个框架，而是一个平台。 node.js的技术栈： 1. Node.js的核心模块。 2. 至少要学习一个Node.js下的框架：Expr

雨点打透心脏的1/2处/ 2023年03月01日 12:57/ 0 赞/ 199 阅读

相关 JavaScript（JS）基础知识

1、JavaScript概述 1.1、什么是JavaScript (JS) JavaScript是一种属于网络的脚步语言，已经被广泛用于Web应用开发，常用来为网页

约定不等于承诺〃/ 2022年12月25日 00:59/ 0 赞/ 137 阅读

相关 Linux基础知识-1 Linux基础知识

Linux基础知识-1 Linux基础知识

分手后的思念是犯贱/ 2022年12月05日 00:48/ 0 赞/ 190 阅读

相关 js基础和php基础知识,菜鸟javascript基础整理1_基础知识

1 //页面中写入html内容 document.write(" Hello World!") 2 //为了防止不支持 JavaScript 的浏览器把js当作为页面

骑猪看日落/ 2022年10月21日 13:54/ 0 赞/ 169 阅读

相关前端基础知识总结---JS高级篇(1)

1. 数据类型的分类和判断 1). 基本(值)类型 Number ----- 任意数值 -------- typeof String ----- 任

电玩女神/ 2022年09月10日 15:12/ 0 赞/ 273 阅读

相关 js基础知识

`<script>`的属性： type src charset async = “async”异步，下载完后立即执行（可以省略但是不建议省略） defer

迷南。/ 2022年06月13日 02:13/ 0 赞/ 287 阅读

相关前端基础知识总结1——基础知识

<table> <tbody> <tr> <td><b>目录</b></td> </tr> </tbody> </table> 1.基础知识

╰+攻爆jí腚メ/ 2022年06月04日 06:41/ 0 赞/ 440 阅读

相关 Js基础知识学习

主要学习内容： 1. ECMAScript 基础 2. js对象基础 3. 继承 ECMAScript 基础语法： \- 区分大小写 \- 变量弱

我不是女神ヾ/ 2022年06月03日 00:26/ 0 赞/ 251 阅读

相关 js的基础知识

1. 变量的定义方法体外带var的定义：全局变量方法体内带var的定义：局部变量方法体内不带var的定义：全局变量 2. 变量的作

清疚/ 2022年03月27日 04:28/ 0 赞/ 224 阅读

相关 Js 基础知识1

JS比较运算符，有两种比较运算符：第一种是`==`比较，它会自动转换数据类型再比较第二种是`===`比较，它不会自动转换数据类型，如果数据类型不一致，返回`false`

喜欢ヅ旅行/ 2021年11月02日 02:08/ 0 赞/ 326 阅读