美文网首页
freecodecamp的笔记

freecodecamp的笔记

作者: 顺风飘千里 | 来源:发表于2017-11-14 16:04 被阅读0次

    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的笔记

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