广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript内置对象Math与String详细介绍
  • 958
分享到

JavaScript内置对象Math与String详细介绍

2024-04-02 19:04:59 958人浏览 独家记忆
摘要

目录Math对象Math获取随机数String对象Math对象 js内置数学对象 不是一个构造函数 所以不需要使用new来调用 而是直接使用里面的属性和方法即可 Math.PI 圆周

Math对象

js内置数学对象 不是一个构造函数 所以不需要使用new来调用 而是直接使用里面的属性和方法即可

  • Math.PI 圆周率
  • Math.floor 向下取整 小数点直接省略
  • Math.ceil 向上取整 有小数点直接+1
  • Math.round 四舍五入 就近原则(-1.5 结果是 -1)
  • Math.abs() 绝对值就是这数字到原点(0)的距离有隐式转换 会把字符串转成数字 不是数字的字符串NaN
  • Math.max() 最大值 Math.min() 最小值 要传入要比较的参数(数组) 其中有 非数字的 就返回NaN 不写参数直接返回Infinity-无穷大 -Infinity-负的无穷大

代码演示 顺便封装一个建议的取最大最小值的函数

console.log(Math.PI) // 一个属性 圆周率
console.log(Math.max(1,2,3)) // 其中有 非数字的 是NaN
console.log(Math.max()) // -Infinity  什么都没有  负的无穷大
var myMath = {
	PI:Math.PI,
	max:function(){
		var max = arguments[0]
		for(var i = 0;i < arguments.length;i++){
			if(max < arguments[i]){
				max = arguments[i]
			}
		}
		return max
	},
		min:function(){
		var min = arguments[0]
		for(var i = 0;i < arguments.length;i++){
			if(min > arguments[i]){
				min = arguments[i]
			}
		}
		return min
	}
}
console.log(myMath.PI) 圆周率
console.log(myMath.max(-1,5,0))  5
console.log(myMath.min(-1,5,0))  -1
console.log(Math.floor(1.9)) 向下取整 结果 1
console.log(Math.ceil(1.1))  向上取整  结果 2

Math获取随机数

Math.random() 不用填写参数 对象随机数方法 返回一个随机的小数 0 =< x <1

官方推荐写法得到两个数之间的随机整数 并且包括这两个数

Math.floor(Math.random() * (max - min +1)) +min

console.log(Math.random())	
function getRandom(min,max){
	return Math.floor(Math.random() * (max - min +1)) +min;
}
// 随机点餐
var food = [
	'烤肉饭',
	'怀府源拉面',
	'相思味快餐',
	'清风炒面',
	'烩面',
	'饸烙面',
	'麻辣香锅',
	'山西刀削面',
	'哨子面',
	'蜀蜀的粉',
	'旋转小火锅',
	'小过道快餐',
	'美团双人餐',
	'油泼面',
]
console.log("明天中午吃" + food[getRandom(0,food.length-1)])
// 三次机会猜牌点
function getRandom(min,max){
	return Math.floor(Math.random() * (max - min +1)) +min;
}
var num = getRandom(1,13)
var i = 0
while(i<3){
	var aaa = prompt("猜猜是哪一张扑克牌(1-13)")
	if(aaa > num){
		alert("猜大了")
	}else if(aaa < num){
		alert("猜小了")
	}else if(aaa = num){
		alert("猜对了")
		break
	}
	i++;
}
if(i >= 3){
	alert('三次机会已经用完')
}	
console.log("答案是"+num)
console.log("你猜的结果"+aaa)	

String对象

srting.indexOf('xx'):查找xx在string 第一次出现的索引值 可传入第二个参数 从被检索的哪一处开始向后查询 可以使用while 循环 进行字段 全部检索

var article = "后购玉者引众人评理,众人皆言二人有约不守,有言无信。\n匠人自觉面颊臊热,躬身拱手曰:余琢玉十七载,未尝失信于人,此玉誓死必琢之!\n青年虽有苦却难言,愤然离席曰:吾借刀笔,撰雕玉之文以明心志,告辞!\n众购玉者重金求玉而不得,遭人耻笑,胸中大悲,不能自已。\n今人评曰:玉不琢,不成器。人无信不立,业无信不兴。\n二人背信毁约,购玉者何错之有?\n世人吁二人冰释前嫌,合力琢玉成器,棠玉既成,以约交付,方为正道。\n匠人携青年,青年助匠人,顾百姓之安危,救民众于水火,创绝世之佳作,流芳百世!"	
console.log(article)
var index = article.indexOf("青年"),index2 = article.indexOf("匠人")
var appear1 = [],appear2 = []
while(index !== -1){
	appear1.push(index)
	index = article.indexOf("青年",index+1)
}
console.log("青年出现了" +appear1.length + "次")	
console.log("分别在"  + appear1)
while(index2 !== -1){
	appear2.push(index2)
	index2 = article.indexOf("匠人",index2+1)
}
console.log("匠人出现了" +appear2.length + "次")	
console.log("分别在"  + appear2)

// 根据位置返回字符

console.log(article.charAt(156))

// ASCII 码 键盘对应的码 判断用户按下了哪一个键

console.log(article.charCodeAt(156))

// H5 新增

console.log(article[99])

// 文中出现最多的字符串

var o ={}

for(var i = 0;i<article.length;i++){

var chars = article.charAt(i)

if(o[chars]){

o[chars]++

}else{

o[chars] = 1

}

}

console.log(o)

//2. 遍历对象

var max = 0

var ch = ""

for(var k in o){

// k 得到的是 属性名

// o[k] 得到的是属性值

if(o[k] > max){

max = o[k]

ch = k

}

}

console.log("出现次数最多是" + ch +"它出现了" + max + "次")

// 字符串的拼接和截取
var myName = "wusonggang"	
console.log(myName.concat("WEB"))	// 一般用加号多一些
// 2.substr(起始的位置,要截取的长度)
console.log(article.substr(84,10))
// 3.slice(起始的位置,截取最后的位置)
console.log(article.slice(129,199))
// 3.substring(起始的位置,截取最后的位置)
console.log(article.substring(77,111))
// 替换字符
console.log(article.replace("青年","JAVD")) // 只会替换第一个
// 用 条件判断 全部替换
while(article.indexOf("匠人") !== -1){
	article = article.replace("匠人","阿钢")
}
console.log(article)
// 字符转换为数组 split('分隔符')  和join 对应
var str7 = "red,pink,black"
console.log(str7.split(","))
var str8 = "red&pink&black"
console.log(str8.split("&"))
var str9 = "WuSongGang"
console.log(str9.toLowerCase())// 全部小写
console.log(str9.toUpperCase())//  全部大写

到此这篇关于javascript内置对象Math与String详细介绍的文章就介绍到这了,更多相关JS Math与String内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript内置对象Math与String详细介绍

本文链接: https://www.lsjlt.com/news/166378.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript内置对象Math与String详细介绍
    目录Math对象Math获取随机数String对象Math对象 js内置数学对象 不是一个构造函数 所以不需要使用new来调用 而是直接使用里面的属性和方法即可 Math.PI 圆周...
    99+
    2022-11-13
  • javascript Number 与 Math对象的介绍
    目录一、javascript 中 Number二、Javascript中Math对象一、javascript 中 Number javascript 中,数值类型属于原始类型。 除了...
    99+
    2022-11-12
  • javascript中内置对象Math的介绍及用法案例
    目录前言Math概述Math中常用函数的用法1.绝对值方法2.三个取整方法3.求最大值/最小值4.随机数结语前言 今天总结一下javascript 内置对象Math中的函数用法,顺带...
    99+
    2022-11-13
  • JavaScript内置对象介绍
    目录一、内置对象二、Math对象1、Math对象的使用2、生成指定范围的随机数三、日期对象1、Date()方法的使用2、日期对象的使用3、获取时间戳四、数组对象1、数组对象的创建2、...
    99+
    2022-11-12
  • JavaScript可迭代对象详细介绍
    目录1、迭代器2、迭代器接口与可迭代对象3、自定义可迭代对象3.1、可迭代的Range对象3.2、使用Generator函数作为迭代器接口3.3、可迭代的List3.3、可迭代的迭代...
    99+
    2022-11-13
  • JavaScript原始值与包装对象的详细介绍
    目录前言正文原始类型 (Primitive types)原始值 (Primitive values)包装对象 (Wrapper objects)对象 (Object)构造函数 (Co...
    99+
    2022-11-12
  • JavaScript中的内置对象介绍
    一、对象的概念 对象是一种特殊的数据类型(object)。拥有一系列的属性和方法。分为内置对象和自定义对象。 二、String对象 String对象用来支持对于字符串的处理。 1、属...
    99+
    2022-11-13
  • JavaScript 中的单例内置对象Global 与 Math
    目录前言Global1.URL编码方法2.eval()方法3.Gobal对象属性4.window 对象Math1.Math 对象属性2.min()和max()方法3.舍入方法 Mat...
    99+
    2022-11-13
  • Java对象与Java类的详细介绍
    本篇内容介绍了“Java对象与Java类的详细介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!目录面向对象是什么Java类什么是类Java...
    99+
    2023-06-20
  • JavaScript的内置对象Math和字符串详解
    目录Math对象常用属性常用方法Math.random()字符串方法length属性charAt()charCodeAt()fromCharCode()concat()in...
    99+
    2022-11-12
  • Java对象的内存布局详细介绍
    目录一、对象头1)、Mark Word2)、类型指针3)、数组长度(只有数组对象才有)二、实例数据三、对齐填充四、使用JOL工具分析对象内存布局在HotSpot虚拟机中,对象在内存中...
    99+
    2023-02-13
    Java对象内存布局 Java内存布局 Java对象内存
  • JavaScript 内置对象 BigInt详细解析
    目录前言比较创建方法asIntN()asUintN()toLocaleString()toString()valueOf()前言 说起JavaScript中的内置对象,其实又很多,今...
    99+
    2022-11-13
  • 详解JavaScript中Math内置对象基本方法的使用
    目录概念math原生属性math常用方法math在日常开发中的数字处理方法使用Math.random()生成随机数小结Mathjs插件源码地址概念 Math 是javaScript的...
    99+
    2022-11-13
  • python中内置库os与sys模块的详细介绍
    目录os包sys模块os包 想要使用os包一样要先导入:import os os包下可以直接调用的函数 下面介绍一下os包中可以直接调用的函数: 例子: 例子: 例子: ...
    99+
    2022-11-11
  • Python内置数据结构列表与元组的详细介绍
    本篇内容介绍了“Python内置数据结构列表与元组的详细介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!目录 序列 列表1 列表的特性1....
    99+
    2023-06-20
  • 【前端|Javascript第5篇】全网最详细的JS的内置对象文章!
    前言 在当今数字时代,前端技术正日益成为塑造用户体验的关键。我们在开发中需要用到很多js的内置对象的一些属性来帮助我们更快速的进行开发。或许你是刚踏入前端领域的小白,或者是希望深入了解内置对象的开发者,不论你的经验如何,本篇博客都将给...
    99+
    2023-08-19
    前端 javascript es6 开发语言
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作