美文网首页web前端自学之路
web前端 -- Day16 js基础

web前端 -- Day16 js基础

作者: 韩发发吖 | 来源:发表于2019-03-07 14:40 被阅读0次

Date

// 当前时间 -- 当前的服务器的时间
var dt=new Date();

dt.getFullYear();//年
dt.getMonth();//月---从0开始  国外和我们差一个月 + 1为中国的二月份
dt.getDate();//日
dt.getHours();//小时
dt.getMinutes();//分钟
dt.getSeconds();//秒
dt.getDay();//星期---从0开始
dt.toDateString();//日期
dt.toLocaleDateString();//日期
dt.toTimeString();//时间
dt.toLocaleTimeString();//时间
dt.valueOf();//毫秒

// 格式化日期时间 -- 封装成一个函数
        function getDate(dt) {
            // 获取年份
            var year = dt.getFullYear();
            // 获取月份 国外和我们差一个月 + 1为中国的二月份
            var month = dt.getMonth()+1;
            // 获取日期
            var day = dt.getDate();
            // 获取小时
            var hour = dt.getHours();
            // 获取分钟
            var minute = dt.getMinutes();
            // 获取秒数
            var second = dt.getSeconds();
            month = month < 10?"0"+month:month;
            day = day < 10?"0"+day:day;
            hour = hour < 10?"0"+hour:hour;
            minute = minute < 10?"0"+minute:minute;
            second = second < 10?"0"+second:second;
            
            return year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second;

        }
        // 创建日期的对象
        var dt = new Date();
        console.log(getDate(dt));

string

string对象
字符串可以看成是字符组成的数组,但是js中没有字符类型
字符是一个一个的,使用一对单引号括起来
在js中字符串可以使用单引号也可以使用双引号
因为字符串可以看成是数组,所以可以通过for循环进行遍历

string -- 字符串类型 -- 基本类型
String -- 字符串类型 -- 引用类型
String -- >是一个对象

字符串特性:不可变性,字符串的值是不能改变
字符串可以通过索引访问字符串中的某个值,但是,可以访问 -- 只读

字符串的值之所以看起来是改变的,那是因为指向改变了,并不是真的值改变了

字符串常用属性

  1. string.length --> 字符串的长度
  2. string.charAt(索引) --> 返回值是指定索引位置的字符串,超出索引,结果是空字符串
  3. String.fromCharCode(数字值,可以是多个参数,用,隔开) --> 返回的是ASCII码的对应值
  4. string.concat(字符串1,字符串2,字符串3,……) —>拼接字符串,返回的是新的字符串
  5. string.indexOf(要找的字符串,从某个位置开始的索引) --> 返回的是这个字符串的索引,没找到返回 -1
  6. string.lastIndexOf(y要找的字符串) --> 从后向前找,但是索引任然是从左向右的方式,没找到返回 -1
  7. string.replace("原来的字符串","新的字符串") --> 用来替换字符串
  8. string.slice(开始的索引,结束的索引) --> 从开始索引的位置开始提取,到结束索引的位置前一个结束,并返回这个提取后的字符串
  9. string.split("要干掉的字符串",切割后留下的个数) --> 切割后的字符串
  10. string.substr(开始的位置,长度/个数 可不写) --> 返回的是截取后的新的字符串
  11. string.substring(开始索引,结束索引) --> 返回的是截取后的新的字符串,不包含结束索引的字符串
  12. string.toLocaleLowerCase()/string.toLowerCase() --> 返回调用字符串值转换为小写。
  13. string.toLocaleUpperCase()/string.toUpperCase() --> 返回调用字符串值转换为大写。
  14. string.trim() --> 从一个字符串的两端删除空白字符

Array

  1. Array.isArray(对象)---->判断这个对象是不是数组
  2. instanceof关键字
  3. Array.concat(数组,数组,数组,...) 组合一个新的数组
  4. Array.every(函数)--返回值是布尔类型,函数作为参数使用,函数中有三个参数,第一个参数是元素的值,第二个参数是索引值,第三个参数是原来的数组(没用) 如果这个数组中的每个元素的值都符合条件,最后才返回的是true
  5. Array.filter(函数);返回的是数组中每一个元素都复合条件的元素,组成了一个新的数组
  6. Array.push(值);--->把值追加到数组中,加到最后了---返回值也是追加数据之后的数组长度
  7. Array.pop();--->删除数组中最后一个元素,返回值就是删除的这个值
  8. Array.shift();--->删除数组中第一个元素,返回值就是删除的这个值
  9. Array.unshift();--->向数组的第一个元素前面插入一个新的元素,----返回值是插入后的程度
  10. Array.forEach(函数)方法---遍历数组用---相当于for循环
  11. Array.indexOf(元素值);返回的是索引,没有则是-1
  12. Array.join("字符串");----返回的是一个字符串
  13. Array.map(函数);--->数组中的每个元素都要执行这个函数,把执行后的结果重新的全部的放在一个新的数组中
  14. Array.reverse();----->反转数组
  15. Array.sort();---排序的,可能不稳定,如果不稳定,请写MDN中的那个固定的代码
  16. Array..slice(开始的索引,结束的索引);把截取的数组的值放在一个新的数组中,但是不包含结束的索引对应的元素值
  17. Array.splice(开始的位置,要删除的个数,替换的元素的值);一般是用于删除数组中的元素,或者是替换元素,或者是插入元素

基本包装类型

普通变量不能直接调用属性或者方法
对象可以直接调用属性和方法

基本包装类型:本身是基本类型,但是在执行代码的过程中,如果这种类型的变量调用了属性或者是方法,那么这种类型就不再是基本类型了,而是基本包装类型,这个变量也不是普通的变量了,而是基本包装类型对象
string、number、boolean

//如果是一个对象&&true,那么结果是true
//如果是一个true&&对象,那么结果是对象

var flag=new Boolean(false);
var result=true&&flag;
console.log(result);

var num=10;
var num2=Number("10");//转换,没有new---类型转
var num3=new Number("10");//基本包装类型

相关文章

  • web前端 -- Day16 js基础

    Date // 当前时间 -- 当前的服务器的时间var dt=new Date(); string string...

  • 前端JavaScript面试技巧

    1-1 课程概述 要做什么?——讲解前端 JS 基础面试题 哪些部分?——JS 基础,JS-WEB-API,JS ...

  • 技术文章地址

    Web前端开发CSS、JS 廖雪峰的JS教程 JQuery基础 前端工程师必备的PS技能—切图篇 前端入门方法 A...

  • web前端--JS基础

    一、基础 0、代码规范 变量名推荐使用驼峰法来命名(camelCase)通常运算符 ( = + - * / ) 前...

  • web前端--js基础

    前端基本功--js第一天 1.1变量 变量的命名规则! 1.变量命名必须以字母或是下标符号”_”或者”$”为开头。...

  • web前端面试之js基础(码动未来)

    web前端面试之js基础(码动未来) 3.1.1、介绍js的基本数据类型 Undefined、Null、Boole...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

  • 用Docker简化Nodejs开发2——开发环境到测试环境

    Web应用通常由多个部分组成,包括:前端、后端和基础中间件。前端代码是静态的(html+js),可以放在nginx...

  • 好程序员web前端教程分享JS基础知识

    好程序员web前端教程分享JS基础知识,为大家分享一篇关于JS的基础知识。 1、执行环境:有时也叫环境,是Java...

网友评论

    本文标题:web前端 -- Day16 js基础

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