JS基础-内置对象【字符串+Date+Math】
JS内置对象【字符串】
// charAt() 返回字符
// charCodeAt() 返回字符的unicode编码
var str="hello world";
console.log(str.charCodeAt(4));
// indexOf() 返回出现的位置
// 没找到则返回-1
var email="marry.mail@sohu.com";
console.log(email.indexOf("o"));
console.log(email.lastIndexOf("."));
var str="hello world";
案例:对用户输入内容的输入框进行排查,看有没有敏感字“草”字
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>搜索内容是否有敏感字"草"</title>
</head>
<body>
<script>
//补充代码
var str=prompt('请输入要搜索的内容!');
var start=0;
var first='';
var key=0;
first=str.indexOf('草'); while(str.indexOf('草',start)!=-1){
key=str.indexOf('草',start);
document.write('敏感字在'+key+'位置被发现<br>');
start=key+1;
} document.write('敏感字首次出现的位置是:'+first);
</script>
</body>
</html>

// slice(start,end)截取字符串
var str="hello world";
console.log(str.slice(7,10));
console.log(str.slice(1));
//负数=总长度+该负数
console.log(str.slice(-3));
console.log(str.slice(-7,-2));
// substring(start,end)与slice(start,end)类似,参数为负数自动转为0
// 将小的数作为开始,大的数作为结束
console.log(str.substring(-7,5)); //(0,5)
console.log(str.substring(2,-5)); //(0,2)
str.substring(6,9)
// substr(start,len)
// len为负数则返回空字符串
console.log(str.substr(6,3));
console.log(str.substr(-5,4)); // (6,4)
console.log(str.substr(3,-4));
判断出“JavaScript”这个字符出现的位置,以及它在这段话中总共出现了几次
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var str='JavaScript 是属于网络的脚本语言!JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。JavaScript 是因特网上最流行的脚本语言。JavaScript很容易使用!你一定会喜欢它的!';
var count=0;
var key=0; while(str.indexOf('J',key)!=-1){
key=str.indexOf('J',key);
var target=str.substr(key,10);
count++;
if(target=='JavaScript'){
document.write('JavaScript第'+count+'次出现是在'+key+'的位置<br>');
}
key++;
}
document.write('JavaScript在这段话中一共出现了'+count+'次');
</script>
</body>
</html>

// 获取扩展名
var url="http://baidu.com/index.txt";
function getFileFormat(url){
// 获取.在url中出现的位置
var pos=url.lastIndexOf(".");
//return url.substr(pos);
return url.substr(pos+1);
}
var formatName=getFileFormat(url);
var picFormat=getFileFormat("1231434.jpg")
console.log(formatName);
console.log(picFormat);
// split()分割字符串 replace()替换字符串
var str='welcome-to-beijing';
//使用split将str转换为数组
//如果中间是用空字符串('')拆分,那么字符串中的每个字符之间都会被分割
var arr=str.split("-");
var date='2019/12/31';
//["welcome","to","beijing"]
var dateArr=date.split("/");
console.log(dateArr);
console.log(arr);
//replace()替换
var tel='010-62971268,400-100-9098,010-86789889';
//newTel被替换之后的字符串
var newTel=tel.replace(','," ");
console.log(newTel);
将连字符转驼峰法表示
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function camelback(str){
//通过-分隔符将str拆分成数组
var arr=str.split("-"),newStr=arr[0];
for(var i=1,len=arr.length;i<len;i++){
var word=arr[i];
//将每一个单词的首字母转换为大写
newStr+=word.charAt(0).toUpperCase()+word.substr(1);
// console.log(newStr)
}
return newStr;
}
var camelFormat=camelback("border-left-color");
console.log(camelFormat)
</script>
</body>
</html>
JS内置对象【Math】
生成一个n到m之间的随机整数
var random=Math.random();
console.log(random);
// 生成一个n到m之间的随机整数
function getRandom(n,m){
var choise=m-n+1; // 随机整数的个数
return Math.floor(Math.random()*choise+n);
}
var random1=getRandom(2,6);
var random2=getRandom(10,88);
JS内置对象【date】
// 创建一个日期时间对象
var weeks=["日","一","二","三","四","五","六"],
today=new Date(),
year=today.getFullYear(),
month=today.getMonth()+1,
date=today.getDate(),
week=today.getDay(),
hours=today.getHours(),
minutes=today.getMinutes(),
seconds=today.getSeconds(),
times=today.getTime(),
time=year+'年'+month+'月'+date+'日'+hours+'时'+minutes+'分'+seconds+'秒 星期'+weeks[week];
console.log("现在是:"+time);
console.log(times);
// 创建一个日期时间对象
//setMonth()是用来设置月份,月份的数值是介于0~11之间,如果数字大于11,那么方法会自动往后顺延一年
var today=new Date();
today.setFullYear(2017);
today.setMonth(15);
console.log(today.getFullYear());
// 50天之后是星期
// 第一种做法
today.setDate(today.getDate()+50);
console.log(today.getDay());
// 第二种做法
var weeks=["日","一","二","三","四","五","六"];
var year=today.getFullYear();
var month=today.getMonth();
var day=today.getDate();
// 创建了一个目标日期对象,年,月,日,时,分,秒
var temp=new Date(year+1,month,day);
console.log("50天后的今天是:"+temp.getFullYear()+'-'+(temp.getMonth()+1)+'-'+temp.getDate()+'-'+'星期'+weeks[temp.getDay()]);
JS基础-内置对象【字符串+Date+Math】的更多相关文章
- js单体内置对象
js单体内置对象:js的内置对象,是ECMAScritp提供的.不依赖于宿主环境的对象,我的理解就是在我们开发之前js里面就已经存在的对象.单体内置对象就是是不需要通过new来实例化的,例如我们的st ...
- js arguments 内置对象
1.arguments是js的内置对象. 2.在不确定对象是可以用来重载函数. 3.用法如下: function goTo() { var i=arguments.length; alert(i); ...
- 单体内置对象 Global 和 Math
单体内置对象 Global 和 Math 在所有代码执行前,作用域中就已经存在两个内置对象:Global(全局)和Math.在大多数ES实现中都不能直接访问Global对象.不过,WEB浏览器实现了承 ...
- 5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、
location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID ...
- js常用内置对象、Dom对象、BOM对象
11.html元素事件属性中,如onclick="",双引号里可以是方法条用,可以是js代码(无需加<script>标签) 12.JavaScript内置 对象.属性和 ...
- js常用内置对象及方法
在js中万物皆对象:字符串,数组,数值,函数...... 内置对象都有自己的属性和方法,访问方法如下: 对象名.属性名称: 对象名.方法名称 1.Array数组对象 unshift( ) 数组开 ...
- js的内置对象
转载: https://www.cnblogs.com/liuluteresa/p/6413988.html 在js里,一切皆为或者皆可以被用作对象.可通过new一个对象或者直接以字面量形式创建变 ...
- JS常见内置对象和方法
JS中常用的内置对象:Array对象.Date对象.正则表达式对象.string对象.Global对象 Array对象中常用方法: concat() 表示把几个数组合并成一个数组join() 设 ...
- JS的内置对象以及JQuery中的部分内容
[js中的数组] 1 数组的概念:可以再内存中连续存储的多个有序元素的结构 元素的顺序:称为下标,通过下标查找对应元素. ...
随机推荐
- redis说明及部署
一.reids 概述 redis全称REmote DIctionary Server.一个基于KV的持久化分布式数据库.所编写的语言为C.与另一个分布式缓存Memcached有几分相似 但是redis ...
- [redis读书笔记] 第二部分 单机数据库 RDB持久化
内存中的rdb是会存为文件以做到RDB持久化的.RDB文件时一个二进制文件. 一 载入与存储 文件的载入是在server启动时进行的(rdbload()),因为AOF的更新频率比RDB高,所以如果AO ...
- maven mvn 安装介绍
maven是什么? Maven是基于项目对象模型(POM project object model),可以通过一小段描述信息(配置)来管理项目的构建,报告和文档的软件项目管理工具 Maven 除了以程 ...
- 1236 - Pairs Forming LCM
1236 - Pairs Forming LCM Find the result of the following code: long long pairsFormLCM( int n ) { ...
- CCS过渡和动画
过渡 过渡能让使用过渡的元素在样式发生变化时(例如鼠标划过,单击按钮,点击图片时,颜色,尺寸,位置等样式发生变化),定义变化过程中的动画,让变化不再是瞬间产生. 过渡样式使用transition定义, ...
- 用C语言实现中国象棋
基于五子棋框架上的 象棋 小游戏 本游戏是上各种水课无聊时的产物...不参考现有游戏从零开始实现各项功能. 游戏配置:二维数组,循环系统,wasd基本移动,调整窗台的函数,以及富足的发呆时间.. 完整 ...
- 远程连接Linux下mysql报10061
最近接到一个新活,四台Linux服务器配置MySQL热机双备+IP隧道LVS集群服务,尽管好想使个眼神杀死老大,但特么心里是感激的.不多说一口气装了n个Ubuntu-server. 每次在虚拟机装完M ...
- Java高级项目实战03:CRM系统数据库设计
接上一篇:Java高级项目实战02:客户关系管理系统CRM系统模块分析与介绍 欢迎点击回顾,接下来我们说说 CRM系统数据库设计. 我们根据产品的原型搞以及UI组的设计稿, 接下来就要设计数据库, 一 ...
- 利用MySQL之federated引擎实现DBLink功能
有时候我们需要跨库join查询,但是配置多数据源成本又太高,Oracle提供了DBLink功能,MySQL中也有类似的实现:federated-engine. MySQL中使用federated引擎的 ...
- java设计模式--迪米特法则
基本介绍 1.一个对象应该对其他对象保持最少的了解 2.类与类关系越密切,耦合度越大 3.迪米特法则又叫最少知道原则,即一个类对自己依赖的类知道的越少越好.也就是说,对于被依赖的类不管多么复杂,都尽量 ...