黑马程序员技术交流社区

标题: 笔记 [打印本页]

作者: dawn-space 时间: 2019-4-25 18:27
标题: 笔记

JavaScript 中的对象分为3种：自定义对象（自己定义的）、内置对象、浏览器对象

以下的常用内置对象：

1.Math 对象（不是构造函数）

Math.PI 圆周率

Math.max()/Math.min() 最大值/最小值
Math.floor() 向下取整
Math.ceil() 向上取整
Math.round() 四舍五入取整（遇到 .5时，往大了取）
Math.abs() 绝对值
Math.random() 获取范围在[0,1)内的随机值

重点：（获取指定范围内的随机整数）

function getRandom(min,max) {
      return  Math.floor( Math.random() * ( max - min + 1 ) ) + min;
}

2.Date 日期对象（构造函数）

1）Date 实例用来处理日期和时间

获取当前时间必须实例化：

var now = new Date();

获取指定时间的日期对象：

var future = new Date('2019/5/1');

·如果Date()不写参数，就返回当前时间。
·如果Date()里面写参数，就返回括号里面输入的时间。

2）日期和时间的格式化（得到我们想要的格式日期和时间）

//格式化日期、时间
      var date = new Date(); //实例化，调用日期构造函数
      var year = date.getFullYear();
      var month = date.getMonth() + 1; // 自动获取月份时，会小一个月，所以要加回来 +1
      var dates = date.getDate();
      var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
      var day = arr[date.getDay()];

var hours = date.getHours(); //小时
var minutes = date.getMinutes(); //分
var seconds = date.getSeconds(); //秒

3）获取日期的总的毫秒形式（时间戳）

·Date 对象是基于1970年1月1日（世界标准时间）起的毫秒数

         1】用 valueOf()、getTime()

// 实例化Date对象
var date = new Date();
        console.log(date.valueOf());
        console.log(date.getTime());

         2】简单写可以这么做：（最常用的）

        var now = +new Date();

         3】HTML5中提供的方法，有兼容性问题

        var now = Date.now();

3.数组对象

1）创建数组对象的两种方式：（1）字面量方式
、（2）new Array() 构造函数创建

用 var arr = new Array(); 创建时注意以下2点：

1）var arr = new Array(2); //传一个参数时，参数代表了数组的长度

2）var arr = new Array(2,3,5); //传多个参数时，参数为数组的元素

2）检测是否为数组

      1】instanceof运算符，可以判断一个对象是否属于某种类型

var arr = [1, 23];
        var obj = {};
   console.log(arr instanceof Array); // true
        console.log(obj instanceof Array); // false

      2】Array.isArray() 用于判断一个对象是否为数组，isArray() 是 HTML5 中提供的方法

console.log(Array.isArray(arr)); // true
        console.log(Array.isArray(obj)); // false

3）添加、删除数组元素的方法

      1】添加： push(); //在数组的末尾添加一个或者多个元素
unshift(); //在数组的头部添加一个或者多个元素

      2】删除： pop(); //删除数组的最后一个元素，一次只能删除一个，不传参数
shift(); //删除数组的第一个元素，一次只能删除一个，不传参数

4）数组排序

      1】reverse():  翻转数组元素，倒序排序；无参数

      2】sort() : 对数组元素进行排序。

arr.sort(function(a, b) { //冒泡排序时，这样用
            return b - a; // 降序
            // return a - b;    // 升序
        });

5）查找数组元素的索引号方法：

      1】indexOf(): 从数组开头开始查找元素，只找第一个匹配的，返回值为该元素的索引号

      2】lastindexOf(): 从数组末尾开始查找元素，只找第一个匹配的，返回值为该元素的索引号

      ·传入一个参数，则为查找的元素。
      ·传入两个参数，第一个为查找的数组元素，第二个为从什么位置查找。

      ·如果没有找到返回值为 -1

6）将数组转化为字符串

      1】toString(); 逗号分隔每一个元素

      2】join('分隔符'); 由传入的参数 ‘分隔符’来决定每一个元素之间的分隔

4.字符串对象（为基本数据类型）

1）基本包装类型：就是把简单数据类型包装成为复杂数据类型，这样基本数据类型就有了属性和方法。
2）字符串的不可变：虽然通过对字符串的重新赋值，它的内容看似变了，其实是为它重新开辟了一块内存空间，原来的值没有变。对字符串的重新赋值非常占内存。

3）根据字符返回位置：

      1】indexOf(): 从数组开头开始查找元素，只找第一个匹配的，返回值为该元素的索引号

      2】lastindexOf(): 从数组末尾开始查找元素，只找第一个匹配的，返回值为该元素的索引号

      ·传入一个参数，则为查找的元素。
      ·传入两个参数，第一个为查找的数组元素，第二个为从什么位置查找。

      ·如果没有找到返回值为 -1

4）根据位置返回字符（重点）

      1】charAt(index); 返回指定位置的字符（index 索引号）

      2】charCodeAt(index); 获取指定位置处字符的ASCII码（index 索引号）

      3】str[index]; HTML5,IE8+支持，同 charAt();

5）字符串操作方法（重点）

      1】concat(str1,str2...); 用于连接两个或者多个字符串，拼接字符串

从字符串中截取字符：2】、3】、4】

      2】substr(start,length); 从start位置开始（索引号），length取的字符个数

      3】slice(start,end); 从start位置开始,到end结束，end取不到（都是索引号）

      4】substring(start,end); 和 slice() 基本相同，但是不接受负值

      5】replace()方法：用于在字符串中，用一些字符替换另一些字符。只会替换一个

        replace(被替换的字符串，要替换为的字符串)； //返回新的字符串

      6】split()方法：用于切分字符串，它可以将字符串切分为数组。在切分完毕之后，返回的是一个新数组。
var str = 'a,b,c,d';

console.log(str.split(',')); // 返回的是一个数组 [a, b, c, d]

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2