0

0

JS日期、Math、数组以及对象简要分析

小云云

小云云

发布时间:2018-03-05 11:02:10

|

1338人浏览过

|

来源于php中文网

原创

本文主要和大家分享js日期、math、数组以及对象简要分析,希望能帮助到大家。

相关题目

  • 获取2017-06-10格式的日期

function formatDate(dt){    if(!dt){
        dt = new Date();
    }    var year = dt.getFullYear();var month = dt.getMonth()+1;var date = dt.getDate();if(month<10){    //强制类型转换
    month = '0'+month;
}if(date<10){    date = '0'+date;
}return year +  '-'+month+'-'+date;
}var dt = new Date();var formatDate = formatDate(dt);
console.log(format);
  • 获取随机数,要求是长度一致的字符串格式(随机数在前端开发中的作用)

var random =Math.random();random= random + '0000000000';//保证下一句不会报错random = random.slice(0,9);
console.log(random);
  • 写一个能遍历对象和数组的通用的forEach函数(jquery中有)

//想想对象中的forEach与数组中的for in怎么用比较好//这里是forEach函数function forEach(obj,fn){
    var key;    if(obj instanceof Array){
        obj.forEach(function(item,index){
            fn(index.item);
        })
    }else{        for(key in obj){
            fn(key.obj[key]);
        }
    }
}//调用var arr = [1,2,3];forEach(arr,function(index,item)){
    console.log(index.item);
}var obj = {x:100,y:200};forEach(obj,function(key,value){
    console.log(key,value);
})

知识点

  • 日期

Date.nowTime(); //获取当前时间毫秒数(这个数是从1970开始算起到现在走了多少毫秒数)var myDate = new Date(); //new一个时间对象myDate.getTime(); //获取毫秒数myDate.getFullYear(); //年(4位数),还有一种getYear()的方法,有兼容性的问题,与getFullYear()相差1900myDate.getMonth(); //月(0-11),实际应用是应该注意它的返回值myDate.getDate();//日(1-31)myDate.getDay();//星期(0-6),实际应用是应该注意它的返回值myDate.getHours();//时(0-23)myDate.getMinutes();//分(0-59)myDate.getSeconds();//秒(0-59)
  • Math
    1 . 获取随机数Math.random();

会返回一个大于0小于1的一个小数,eg:0.14249200181060218,一般常用于清除缓存,比如:页面打开时,由于缓存的存在,刚刚更新的数据有时无法在页面得到刷新,因为如果请求的地址是相同的,浏览器就不会去连接服务器。这时候可以用随机数来处理,相当于加载新的页面。

在URL 参数后加上 "?r=" + Math.random();//加随机数在 URL 参数后加上 "?timestamp=" + new Date().getTime(); //也可以加时间戳

2 . 更多方法及随机数的扩展见我之前的博客;

  • 数组API
    1 .  forEach遍历所有元素

var arr = [1,2,3];
arr.forEach(function(item,index){//item为元素的值eg:1,2,3,index位为元素的位置,从0开始的
    //遍历数组中所有元素
    console.log(index,item);    //注意参数顺序});

2 .  every判断所有元素是否都符合条件

HiDream AI
HiDream AI

全中文AIGC创作平台和AI社区

下载
var arr = [1,2,3];var result = arr.every(funciton(item,index){// 用来判断所有的数组元素,都满足一个条件
    if(item < 4){        return ture;
    }
});
console.log(result);//true

3 . some判断是否有至少一个元素符合条件

var arr = [1,2,3];var result = arr.every(funciton(item,index){// 用来判断所有的数组元素,都满足一个条件
    if(item < 2){        return ture;
    }
});
console.log(result);//true

4 . sort排序(从小向大排序)

var arr = [1,4,3,2,5];var arr2 = arr.sort(function(a,b){
    //从小到大
    return a-b;    //从大到小
    //return b-a;});
console.log(arr2);//[1,2,3,4,5]

5 . map对元素重新组装,生成新数组(把元素按照一种规则组装成另外一种元素,生成一种新的数组)

var arr = [1,2,3,4];var arr2 = arr.map(function(item,index){    //将元素重新组装并返回    return ''+item+'';
});console.log(arr2);  //["1", "2", "3", "4"]

6 . filter过滤符合条件的元素

var arr = [1,2,3];var arr2 = arr.filter(function(item,index){
    //通过一个条件过滤数组
    if(item>=2){        return true;
    }
});
console.log(arr2); //2,3
  • 对象API

var obj ={x:100,y:200,z:300};var key;for(key in obj){//key这里取得是obj的属性名
    if(obj.hasOwnProperty(key)){//判断他是这个obj的属性而不是原型的属性
        console.log(key,obj[key]);
    }
}

相关推荐:
JS日期对象简单操作(获取当前年份、星期、时间)

JS日期相加减函数整理

js日期相关函数总结分享_javascript技巧

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
包子漫画网页版入口与全集阅读指南_正版免费漫画快速访问方法
包子漫画网页版入口与全集阅读指南_正版免费漫画快速访问方法

本专题汇总了包子漫画官网和网页版入口,提供最新章节抢先看方法、正版免费阅读指南,以及稳定访问方式,帮助用户快速直达包子漫画页面,无广告畅享全集漫画内容。

36

2026.02.10

MC.JS网页版快速畅玩指南_MC.JS官网在线入口及免安装体验方法
MC.JS网页版快速畅玩指南_MC.JS官网在线入口及免安装体验方法

本专题汇总了MC.JS官网入口和网页版快速畅玩方法,提供免安装访问、不同版本(1.8.8、1.12.8)在线体验指南,以及正版网页端操作说明,帮助玩家轻松进入MC.JS世界,实现即时畅玩与高效体验。

20

2026.02.10

谷歌邮箱网页版登录与注册全指南_Gmail账号快速访问与安全操作教程
谷歌邮箱网页版登录与注册全指南_Gmail账号快速访问与安全操作教程

本专题汇总了谷歌邮箱网页版的最新登录入口和注册方法,详细提供官方账号快速访问方式、网页版操作教程及安全登录技巧,帮助用户轻松管理Gmail邮箱账户,实现高效、安全的邮箱使用体验。

18

2026.02.10

铁路12306订票与退改全攻略_高效购票与座位选取技巧
铁路12306订票与退改全攻略_高效购票与座位选取技巧

本专题全面汇总铁路12306订票、退票、改签及候补订单操作技巧,提供车厢座位分布参考、抢票攻略和高铁安检注意事项,帮助新手用户快速掌握高效购票与退改流程,提高出行效率和体验。

11

2026.02.10

TensorFlow2深度学习模型实战与优化
TensorFlow2深度学习模型实战与优化

本专题面向 AI 与数据科学开发者,系统讲解 TensorFlow 2 框架下深度学习模型的构建、训练、调优与部署。内容包括神经网络基础、卷积神经网络、循环神经网络、优化算法及模型性能提升技巧。通过实战项目演示,帮助开发者掌握从模型设计到上线的完整流程。

0

2026.02.10

Vue3组合式API与组件开发实战
Vue3组合式API与组件开发实战

本专题讲解 Vue 3 组合式 API 的核心概念与应用技巧,深入分析响应式系统、生命周期管理、组件设计与复用策略。通过完整项目案例,指导前端开发者实现高性能、结构清晰的 Vue 应用,提升开发效率与代码可维护性。

4

2026.02.10

Go语言微服务架构与gRPC实战
Go语言微服务架构与gRPC实战

本专题面向有 Go 基础的开发者,系统讲解微服务架构设计与 gRPC 的高效应用。内容涵盖服务拆分、RPC 通信、负载均衡、错误处理、服务注册与发现等关键技术。通过实战案例,帮助开发者搭建高性能、可扩展的 Go 微服务系统。

1

2026.02.10

React 18状态管理与Hooks高级实践
React 18状态管理与Hooks高级实践

本专题专注于 React 18 的高级开发技术,详细讲解 useState、useEffect、useReducer、useContext 等 Hooks 的使用技巧,以及 Redux、Zustand 等状态管理工具的集成与优化方法。通过真实案例,帮助前端开发者构建可维护、性能优良的现代 React 应用。

4

2026.02.10

Node.js后端开发与Express框架实践
Node.js后端开发与Express框架实践

本专题针对初中级 Node.js 开发者,系统讲解如何使用 Express 框架搭建高性能后端服务。内容包括路由设计、中间件开发、数据库集成、API 安全与异常处理,以及 RESTful API 的设计与优化。通过实际项目演示,帮助开发者快速掌握 Node.js 后端开发流程。

2

2026.02.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号