美文网首页
JS基础回顾

JS基础回顾

作者: wanmei世界 | 来源:发表于2017-11-25 17:32 被阅读16次

数据类型

Number :不分整数、浮点数
字符串:单引号、双引号
布尔:true false
运算符:&& 、 || 、!、

任意俩个数据类型都可以做比较:
false == 0 双等号会自动转换类型再比较
false === 0 三等号不会自动转换类型,数据类型不一致返回false
所以比较时直接用===比较安全

NaN:是一种特殊的Number,和任何值都不等,包括它自己
NaN === NaN; // false
isNaN(NaN); // true

比较长的浮点数比较
1/3 === (1 - 2 / 3); false
因为计算机无法精确表示无限循环小数
Math.abs(1/3 -(1 - 2 / 3)) < 0.00001
空值:null 未定义值:undefined

trict模式

Js设计之初,不通过var申明变了,i = 20来申明变量,i就变成了全局变量了,同一个页面的不同js文件如使用了同一个全局变量名,将会报错。
在js文件的第一行加上‘use strict’;编译器会要求强制要求使用var 申明变量。

字符串

\n \t \

‘\x41’ 是ASCII字符的16进制的表示形式
‘\u4e2d’是Unicode字符的16进制

ES6中多行字符串双引号表示多行

模版字符串:
拼接字符串用 + , ES6中可以在字符串中使用 ${name} 来组装字符串。var message = 你好, ${name}, 你今年${age}岁了!;

字符串操作

var s = ‘hello, world!’;
s.length;
s[2]
字符串是不可变的,对字符串某个索引赋值不会有任何变化。
s[1] = H

toUpperCase() 字符串转大写
toLowerCase() 字符串转小写

indexOf()
s.indexOf(world);  // 7
没有找到返回 -1
substring()

数组

创建
var arr = [1, 2, 3, 4];
New Array (1, 2, 3, 4);

Arr.length 赋值会是数组的大小发生变化。增加undefined原属或者删除元素

arr[1] = 4;
赋值时索引越界会使数组大小变大。

arr.indexOf()
arr.slice(0, 3); 截取0 - 3的元素
arr.slice(3); 截取 3至结束

Arr.push(1, 2) 向末尾添加若干元素
Arr.pop()  删除最后一个元素

Arr.unshift(1, 2);  向头部添加若干元素
Arr.shift();  将第一个元素删除

arr.sort();   arr.reverse()

Arr,splice(2, 4, ‘a’, ‘b’, ‘c’); 删除索引位置的元素,并在此处添加若干元素

var addArr = arr.concat(arr1);  拼接数组,并返回新数组
arr.join(‘-’) 用指定元素拼接数组中的元素,返回字符串

对象

对象是一组无序的键值对, 实际上所有属性名都是string类型

var people = {
    name: ‘bob’,
    age: 20,
    vipcode: null
    ‘book_name’: ‘ddd’
}

访问属性,people.name
含有特殊字符的属性名用单引号。访问时用 people[‘book_name’]

可以动态绑定属性。people.frend = ‘xiaoming’
删除属性, delete people.age;

判断是含有一个属性 name in xiaoming
判断是不是自己的属性,而不是继承的属性 xiaoming.hasOwnProperty(‘age’)

Map (ES6标准)

类似于字典。创建Map需要传入一个二维数组

var m = new Map([[’michael’, 95], [‘xiaoli’, 93], [‘aobama’, 89], [‘lois’, 98]]);
Var m = new Map();

m.set(‘alice’, 78);
m.get(‘michael’);
M.has(‘’)
m.delete(‘’)

Set (ES6标准)

Set 和 map 类似,set中只有key,且会自动过滤重复元素
创建Set需要传入一个一维数组

var s = new Set();
Var s = new Set([1, 3, 5]);

iterable (ES6标准)

Map 和 Set 不能使用带下标的for循环来遍历,需要用for .. of ..来遍历,因为Array、Map、Set都是iterable类型。

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of m) { // 遍历Map
    console.log(x[0] + '=' + x[1]);
}

for of 与 for in 的区别:
for of 只会遍历Array的元首,for in 会遍历Array的所有属性。

由于Array其实也是一个对象,每一元素都是Array的属性,可以动态的添加属性,但是动态添加的属性却不是Array的元素。

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

iterable类型自带forEach(callBack)函数, ES5.1标准

var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
m.forEach(function (value, key, map) {
    console.log(value);
});

Map的回调函数参数依次为value、key和map本身

Set与Array类似,但Set没有索引,因此回调函数的前两个参数都是元素本身

相关文章

  • 5-1 从基础知识到JSWebAPI

    回顾js基础知识 JS-web-API 总结 回顾js基础知识 变量类型和计算 原型和原型链 闭包与作用域 异步和...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • JS基础回顾

    数据类型 Number :不分整数、浮点数字符串:单引号、双引号布尔:true false运算符:&& 、 ||...

  • JS基础回顾:对象

    JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。 【示例一】: JavaScript用一个...

  • JS基础回顾:循环

    JavaScript的循环有两种:for与while 一、for循环 一种是for循环,通过初始条件、结束条件和递...

  • JS基础回顾:filter

    一、filter定义: filter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。 ...

  • JS基础回顾:sort

    排序算法 排序也是在程序中经常用到的算法。无论使用冒泡排序还是快速排序,排序的核心是比较两个元素的大小。如果是数字...

  • js基础回顾-继承

    脑子:我感觉我会了手:你会个鸡 方便查看,先上全图 一、原型链继承 优点:1.既简单又方便。2.在子类原型上添加方...

  • JS基础回顾-对象

    前提:默认已经熟悉js原型链。 1.对象设置get 和set的方法 2.Object.assign(target目...

  • 前端JavaScript面试技巧

    第5章 JS-Web-API(上) 从基础知识到JSWebAPI 下面来进行一个抛砖引玉回顾JS基础知识1.变量类...

网友评论

      本文标题:JS基础回顾

      本文链接:https://www.haomeiwen.com/subject/nfbcbxtx.html