freecodecamp的笔记

JavaScript基础篇

七种数据类型
  • undefined(未定义)
  • null(空)
  • boolean(布尔型)
  • string(字符串)
  • symbol(符号)
  • number(数字)
  • and object(对象)
javascript中单引号和双引号功能相同
javascript中没有字符类型只有字符串类型想要获得单个字符要使用索引
在 JavaScript 中,字符串 的值是 不可变的,这意味着一旦字符串被创建就不能被改变。

var q="box";
var q[0]="j";
alert(q); //box

数组

在数组中包含其他数组,就像这样:

[["Bulls", 23], ["White Sox", 45]]。

这被称为一个 多维数组。

可以把 多维 数组看作成是一个 数组中的数组。当使用[]去访问数组的时候,第一个[index]访问的是第N个子数组,第二个[index]访问的是第N个子数组的第N个元素。
例如:

var arr = [
[1,2,3],
[4,5,6],
[7,8,9],
[[10,11,12], 13, 14]
];
arr[0]; // 等于 [1,2,3]
arr[1][2]; // 等于 6
arr[3][0][1]; // 等于 11

数据追加到一个数组的末尾是通过 push() 函数

var arr = [1,2,3];
arr.push(4); // 现在arr的值为 [1,2,3,4]

unshift() 函数用起来就像 .push() 函数一样, 但不是在数组的末尾添加元素,而是在数组的头部添加元素

var ourArray = ["Stimpson", "J", "cat"];
ourArray.shift(); // 经过 shift 操作后,ourArray 的值为 ["J", "cat"]
ourArray.unshift("Happy");
// 经过 unshift 操作后,ourArray 的值为 ["Happy", "J", "cat"]

移出数组中最后一个元素是用 .pop() 函数

var ourArray = [1,2,3];
var removedFromOurArray = ourArray.pop();
// 经过 pop 操作之后,removedFromOurArray 的值为 3, ourArray 的值为 [1,2]

想要移出数组第一个元素用.shift()函数

var ourArray = ["Stimpson", "J", ["cat"]];
removedFromOurArray = ourArray.shift();
// 经过 shift 操作后,removedFromOurArray 的值为 "Stimpson",ourArray 的值为 ["J", ["cat"]].

控制台输出:console.log();

参数:函数的参数parameters在函数中充当占位符(也叫形参)的作用,参数可以为一个或多个。调用一个函数时所传入的参数为实参,实参决定着形参真正的值。简单理解:形参即形式、实参即内容。

运算符

"==="全等运算符在比较时是进行严格比较,除了"==="以外其他运算符进行比较时都会进行数据类型的转换

“>”运算符:大于运算符在比较的时候,会转换值的数据类型
5 > 3 // true
7 > '3' // true
2 > 3 // false
'1' > 9 // false

object对象

对象和数组很相似,数组是通过索引来访问和修改数据,对象是通过属性来访问和修改数据的。

定义对象有两种方法

1.对象字面量

//字面量表示法
var cat = {
  "name": "Whiskers",
  "legs": 4,
  "tails": 1,
  "enemies": ["Water", "Dogs"]
};

2.Object构造函数

//new操作符后跟构造函数
var cat=new Object();
cat.name="Whiskers";
cat.legs=4;
cat.tails=1;
cat.enemies= ["Water", "Dogs"];
删除对象属性

使用delete操作符删除对象属性

delete cat.tails;

检测对象属性

使用.hasOwnProperty(propname)方法

var myObj = {
  top: "hat",
  bottom: "pants"
};
myObj.hasOwnProperty("top");    // true
myObj.hasOwnProperty("middle"); // false
JSON篇

JavaScript Object Notation 简称 JSON,它使用JavaScript对象的格式来存储数据。JSON是灵活的,因为它允许 数据结构 是 字符串,数字,布尔值,字符串,和 对象 的任意组合

//这是一个数组里面有一个json文件
var ourMusic = [
  {
    "artist": "Daft Punk",
    "title": "Homework",
    "release_year": 1997,
    "formats": [ 
      "CD", 
      "Cassette", 
      "LP" ],
    "gold": true
  }
];
使用JSON数据

1.“.”方法

ourMusic.artist    //"Daft Punk"

2."[]"方法

ourMusic["artist"] //"Daft Punk"
数据篇

Math.random()方法用来生成一个在0(包括0)到1(不包括1)之间的随机小数

Math.random()*10  //生成一个从0-10的随机数

Math.floor()方法通过向下取整获得最近的整数

Math.floor(Math.random()*10)//生成0-9的随机整数
Math.floor(Math.random() * (max - min + 1)) + min
//通过Math.floor()方法和Math.random()方法生成特定范围内的随机数
正则表达式
/the/gi   //正则表达式

“/ ”是这个正则表达式的头部,“the” 是我们想要匹配的模式,“/ ”是这个正则表达式的尾部。“g ”代表着 global(全局),意味着返回所有的匹配而不仅仅是第一个。“i” 代表着忽略大小写,意思是当我们寻找匹配的字符串的时候忽略掉字母的大小写。

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

语法 :
stringObject.match(searchvalue)
stringObject.match(regexp)

searchvalue:规定要检索的字符串值。
regexp:规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。

特殊选择器

数字选择器:\d,意思是被用来获取一个字符串的数字。

/\d+/g    //它允许这个正则表达式匹配一个或更多数字。

空字符选择器: \s ,可以选择一个字符串中的空白。

/\s+/g

空白字符有 " " (空格符)、\r (回车符)、\n (换行符)、\t (制表符) 和 \f (换页符)。

转换

你可以用正则表达式选择器的大写版本来转化任何匹配。
例:\s 匹配任何空白字符,\S 匹配任何非空白字符。

你可能感兴趣的:(freecodecamp的笔记)