【博学谷学习记录】超强总结,用心分享|js语法基础(四)

发布于:2023-01-18 ⋅ 阅读:(503) ⋅ 点赞:(0)

目录

内置对象

Math

日期对象

数组对象


内置对象

JavaScript中的对象分为三种,自定义对象,内置对象,览览器对象。前面两种对象是js基础内容,属于ECMAscript,第三个浏览器对象属于js独有的,JS API讲解内置对象就是指js语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发。

JavaScript提供了多个内置对象,Math、Date、Array、String等。

Math

属性、方法名 功能
Math.PI 圆周率
Math.floor() 向下取整
Math.ceil() 向上取整
Math.round() 四舍五入,就进去正,.5往大取
Math.abs() 绝对值
Math.max()/Math.min() 最大和最小值
Math.random() 获取在[0,1)内的随机值

日期对象

Date:构造函数需要实例化后才能使用,其中具体方法和属性。

属性、方法名 功能
getFullyYear() 获取当年
getMonth() 获取当月(0-11)
getDate() 获取当日
gatDay() 获取星期(0-6)
getHours() 获取当前小时
getMinutes() 获取当前分钟
getSeconds() 获取当前秒钟

<script>
    function getTimer() {
        var time = new Date();
        var year = time.getFullYear();
        var month = time.getMonth() + 1;
        var dates = time.getDate();
        var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        var day = time.getDay();
        var h = time.getHours();
        h = h < 10 ? '0' + h : h;
        var m = time.getMinutes();
        m = m < 10 ? '0' + m : m;
        var s = time.getSeconds();
        s = s < 10 ? '0' + s : s;
        return ('今天是:' + year + '年' + month + '月' + dates + '日 ' + h + ':' + m + ':' + s + arr[day]);
    }
    console.log(getTimer());
</script>

数组对象

字面量方式:
var arr = [1,ture,'aaa'];

new Array():
var arr = new Array();

检测是否为数组

instanceof运算符:
var arr = [1,2,3];
var obj = {};
console.log(arr instanceof Array);   //true
console.log(obj instanceof Array);   //false

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

添加删除数学元素的方法

1.push()

可以给数组追加新的元素
参数直接写数组元素就可以了
完毕之后返回的结果是新数组的长度
原数组也会发生变化

2.unshift()

可以给数组前面追加新的元素
参数直接写数组元素就可以了
完毕之后返回的结果是新数组的长度
原数组也会发生变化

3.pop()

可以删除数组中最后一个元素,一次只删一个
没有参数
完毕之后返回的结果是删除的那个元素
原数组也会发生变化

4.shift()

可以删除数组中的第一个元素,一次只删一个
没有参数
完毕之后返回的结果是删除的那个元素
原数组也会发生变化

数组排序

sort():
升序
var arr = [1,6,3,9,2];
arr.sort(function (a,b) { return a-b; });
console.log(arr);
降序
var arr = [1,6,3,9,2];
arr.sort(function (a,b) { return b-a; });
console.log(arr);

数组索引方法

var arr = ['red','green','blue'];

console.log(arr.indexOf('blue'));
//返回第一个该元素的索引号,没有返回-1

console.log(arr.lastIndexOf('blue'));
//从最后查找,返回该元素的索引号

数组转为字符串

var arr = [1,2,3,4,5];
console.log(arr.toString());

var arr = ['aaa','bbb','ccc'];
console.log(arr.join());
//按照括号内的符号拼接元素
console.log(arr.join('-'));  //aaa-bbb-ccc
console.log(arr.join('&'));  //aaa&bbb&ccc

其他方法

<script>
   // 1. 替换字符 replace('被替换的字符', '替换为的字符')  它只会替换第一个字符
   var str = 'andyandy';
   console.log(str.replace('a', 'b'));
   // 有一个字符串 'abcoefoxyozzopp'  要求把里面所有的 o 替换为 *
   var str1 = 'abcoefoxyozzopp';
   while (str1.indexOf('o') !== -1) {
      str1 = str1.replace('o', '*');
   }
   console.log(str1);

   // 2. 字符转换为数组 split('分隔符')    前面我们学过 join 把数组转换为字符串
   var str2 = 'red, pink, blue';
   console.log(str2.split(','));
   var str3 = 'red&pink&blue';
   console.log(str3.split('&'));
</script>

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到