JavaScriptオブジェクトの誘導

 

  • JavaScriptのすべてのものは、文字列、数値、配列、日付などのオブジェクトです。
  • オブジェクトはプロパティとメソッドを持つデータです

アクセス属性:

var message = "Hello world";

var x = message.length;

呼び出し方法:

          var message = "hello world!";

          var x = message.toUpperCase();

組み込みオブジェクト

JSのすべてがオブジェクトであるため、jsのオブジェクトを3つのカテゴリーに分類できます。

  1. 単純なオブジェクト:文字列、数値、ブール値
  2. 結合されたオブジェクト:配列、数学、日付
  3. 複雑なオブジェクト:関数、正規表現、オブジェクトなど

 

Stringオブジェクトの一般的なメソッドは次のとおりです。

  • x.toLowerCase()、x.toUpperCase():大文字小文字変換メソッド。
  • x.charAt(index):指定された位置の文字を返します。
  • x.charCodeAt(index):指定された位置にある文字のUnicodeコードを返します
  • x.indexOf(findstr、index)、x.lastIndexOf(findstr、index):指定された文字を取得します
  • x.substring(start ,, end):サブストリングを取得します。
  • x.replace(findstr、tostr):部分文字列を置き換えます。
  • x.split(bystr):分割文字列
<html>
	<head>
    	<title>js对象</title>
        <meta charset="utf-8">
        <script>
			function load(){
			//String对象
			var str="hello javas  cript";
			//alert(str.toUpperCase());	
			alert(str.indexOf("o"));
			alert(str.charAt(3));
			alert(str.substring(2,8));
			var array = str.split(" ");//将被,号代替
			alert(array);
			}	
		</script>
    </head>
	<body onLoad="load()">
   
    </body>
</html>

配列オブジェクト

  • 1. join()メソッド:配列内のすべての要素を文字列に入れ、要素は指定されたセパレータで区切られますarrayObject.join(separator)
  • 2. toString()メソッド
  • 3. concat()メソッド:2つ以上の配列を接続するために使用され、このメソッドは既存の配列を変更せず、接続された配列のコピーのみを返します
  • arrayObject.concat(arrayx、arrayx、...... arrayx)
  • 4. Slice()メソッド:既存の配列から選択された要素を返すことができます
  • arrayObkect.slice(start、end)endオプション、-1桁の最後の要素
  • 5. reverse()メソッド:元の要素の順序を逆にして、新しい配列を生成します
  • 6、sort()メソッド:配列要素をソート
  • array = arrayObject.sort(sortby函数)
<html>
	<head>
    	<title>js对象</title>
        <meta charset="utf-8">
        <script>
			function load(){
			//Array对象
			var arry = new Array(10, true, 'hello');
			alert(arry.join(":"));//用什么当分隔符
			var arry2 =[30, false, 'script'];
			var arry3 = arry.concat(arry2);//拼接
			alert(arry3);
			alert(arry.reverse());//逆转 
			arry.sort();//排序
			alert(arry);
			}	
		</script>
    </head>
	<body onLoad="load()">
   
    </body>
</html>

日付オブジェクトのメソッド

方法 解説
日付() 日付と時刻を返します。
getDate() Dateオブジェクトから月の日(1〜31)を返します。
getDay() Dateオブジェクトから曜日(0〜6)を返します。
getMonth() Dateオブジェクトから月(0〜11)を返します。
getFullYear() Dateオブジェクトから年を4桁の数値として返します。
getYear() 代わりにgetFullYear()メソッドを使用してください。
getHours() Dateオブジェクトの時間(0〜23)を返します。
getMinutes() Dateオブジェクトの分(0〜59)を返します。
getSeconds() Dateオブジェクトの秒数(0〜59)を返します。
getMilliseconds() Dateオブジェクトのミリ秒(0〜999)を返します。
時間をもらう() 1970年1月1日からのミリ秒数を返します。
getTimezoneOffset() 現地時間とグリニッジ標準時(GMT)の間の分差を返します。
getUTCDate() Dateオブジェクトから世界時に従って月の日(1〜31)を返します。
getUTCDay() Dateオブジェクトから世界時に従って曜日(0〜6)を返します。
getUTCMonth() Dateオブジェクトから世界時に従って月(0〜11)を返します。
getUTCFullYear() Dateオブジェクトから世界時に従って4桁の年を返します。
getUTCHours() Dateオブジェクトの時(0〜23)を世界時で返します。
getUTCMinutes() Dateオブジェクトの分(0〜59)を世界時で返します。
getUTCSeconds() Dateオブジェクトの秒(0〜59)を世界時で返します。
getUTCMilliseconds() Dateオブジェクトのミリ秒(0〜999)を世界時で返します。
parse() 1970年1月1日の午前0時から指定された日付までのミリ秒数を返します(文字列)。
setDate() Dateオブジェクトに月の日(1〜31)を設定します。
setMonth() Dateオブジェクトに月(0〜11)を設定します。
setFullYear() Dateオブジェクトに年(4桁)を設定します。
setYear() 代わりにsetFullYear()メソッドを使用してください。
setHours() Dateオブジェクトで時間(0〜23)を設定します。
setMinutes() Dateオブジェクトに分(0〜59)を設定します。
setSeconds() Dateオブジェクトに秒を設定します(0〜59)。
setMilliseconds() Dateオブジェクトにミリ秒(0〜999)を設定します。
setTime() Dateオブジェクトをミリ秒単位で設定します。
setUTCDate() Dateオブジェクト(1〜31)に世界時に従って日付を設定します。
setUTCMonth() Dateオブジェクトに世界時で月(0〜11)を設定します。
setUTCFullYear() Dateオブジェクトに世界時に従って年(4桁)を設定します。
setUTCHours() 世界時(0〜23)に従って日付オブジェクトの時間を設定します。
setUTCMinutes() Dateオブジェクトに世界時に従って分(0〜59)を設定します。
setUTCSeconds() Dateオブジェクトの秒を世界時(0〜59)に従って設定します。
setUTCMilliseconds() Dateオブジェクトのミリ秒を世界時(0〜999)に従って設定します。
toSource() オブジェクトのソースコードを返します。
toString() Dateオブジェクトを文字列に変換します。
toTimeString() Dateオブジェクトの時刻部分を文字列に変換します。
toDateString() Dateオブジェクトの日付部分を文字列に変換します。
toGMTString() 代わりにtoUTCString()メソッドを使用してください。
toUTCString() 世界時に従って、Dateオブジェクトは文字列に変換されます。
toLocaleString() 根据本地时间格式,把 Date 对象转换为字符串。
toLocaleTimeString() 根据本地时间格式,把 Date 对象的时间部分转换为字符串。
toLocaleDateString() 根据本地时间格式,把 Date 对象的日期部分转换为字符串。
UTC() 根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。
valueOf() 返回 Date 对象的原始值。
<html>
	<head>
    	<title>js对象</title>
        <meta charset="utf-8">
        <script>
			function load(){
		
			//date对象
			var date = new Date();
			alert(date);
			alert(date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());
			
			
			}	
		</script>
    </head>
	<body onLoad="load()">
   
    </body>
</html>

 

JavaScript Math 对象

Math 对象

Math 对象用于执行数学任务。

使用 Math 的属性和方法的语法:

var pi_value=Math.PI;
var sqrt_value=Math.sqrt(15);

注释:Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用就可以调用其所有属性和方法。

Math 对象属性

属性 描述
E 返回算术常量 e,即自然对数的底数(约等于2.718)。
LN2 返回 2 的自然对数(约等于0.693)。
LN10 返回 10 的自然对数(约等于2.302)。
LOG2E 返回以 2 为底的 e 的对数(约等于 1.414)。
LOG10E 返回以 10 为底的 e 的对数(约等于0.434)。
PI 返回圆周率(约等于3.14159)。
SQRT1_2 返回返回 2 的平方根的倒数(约等于 0.707)。
SQRT2 返回 2 的平方根(约等于 1.414)。

Math 对象方法

方法 描述
abs(x) 返回数的绝对值。
acos(x) 返回数的反余弦值。
asin(x) 返回数的反正弦值。
atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
atan2(y,x) 返回从 x 轴到点 (x,y) 的角度(介于 -PI/2 与 PI/2 弧度之间)。
ceil(x) 对数进行上舍入。
cos(x) 返回数的余弦。
exp(x) 返回 e 的指数。
floor(x) 对数进行下舍入。
log(x) 返回数的自然对数(底为e)。
max(x,y) 返回 x 和 y 中的最高值。
min(x,y) 返回 x 和 y 中的最低值。
pow(x,y) 返回 x 的 y 次幂。
random() 返回 0 ~ 1 之间的随机数。
round(x) 把数四舍五入为最接近的整数。
sin(x) 返回数的正弦。
sqrt(x) 返回数的平方根。
tan(x) 返回角的正切。
toSource() 返回该对象的源代码。
valueOf() 返回 Math 对象的原始值。

 

JavaScript Number 对象

Number 对象

Number 对象是原始数值的包装对象。

创建 Number 对象的语法:

var myNum=new Number(value);
var myNum=Number(value);

参数

参数 value 是要创建的 Number 对象的数值,或是要转换成数字的值。

返回值

当 Number() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 Number 对象。如果不用 new 运算符,把 Number() 作为一个函数来调用,它将把自己的参数转换成一个原始的数值,并且返回这个值(如果转换失败,则返回 NaN)。

Number 对象属性

属性 描述
constructor 返回对创建此对象的 Number 函数的引用。
MAX_VALUE 可表示的最大的数。
MIN_VALUE 可表示的最小的数。
NaN 非数字值。
NEGATIVE_INFINITY 负无穷大,溢出时返回该值。
POSITIVE_INFINITY 正无穷大,溢出时返回该值。
prototype 使您有能力向对象添加属性和方法。

Number 对象方法

方法 描述
toString 把数字转换为字符串,使用指定的基数。
toLocaleString 把数字转换为字符串,使用本地数字格式顺序。
toFixed 把数字转换为字符串,结果的小数点后有指定位数的数字。
toExponential 把对象的值转换为指数计数法。
toPrecision 把数字格式化为指定的长度。
valueOf 返回一个 Number 对象的基本数字值。

 

Number 对象描述

在 JavaScript 中,数字是一种基本的数据类型。JavaScript 还支持 Number 对象,该对象是原始数值的包装对象。在必要时,JavaScript 会自动地在原始数据和对象之间转换。在 JavaScript 1.1 中,可以用构造函数 Number() 明确地创建一个 Number 对象,尽管这样做并没有什么必要。

构造函数 Number() 可以不与运算符 new 一起使用,而直接作为转化函数来使用。以这种方式调用 Number() 时,它会把自己的参数转化成一个数字,然后返回转换后的原始数值(或 NaN)。

构造函数通常还用作 5 个有用的数字常量的占位符,这 5 个有用的数字常量分别是可表示的最大数、可表示的最小数、正无穷大、负无穷大和特殊的 NaN 值。 注意,这些值是构造函数 Number() 自身的属性,而不是单独的某个 Number 对象的属性。

比如这样使用属性 MAX_VALUE 是正确的:

var big = Number.MAX_VALUE

但是这样是错误的:

var n= new Number(2);
var big = n.MAX_VALUE

作为比较,我们看一下 toString() 和 Number 对象的其他方法,它们是每个 Number 对象的方法,而不是 Number() 构造函数的方法。前面提到过,在必要时,JavaScript 会自动地把原始数值转化成 Number 对象,调用 Number 方法的既可以是 Number 对象,也可以是原始数字值。

var n = 123;
var binary_value = n.toString(2);
<html>
	<head>
    	<title>js对象</title>
        <meta charset="utf-8">
        <script>
			function load(){
		/*	//Array对象
			var arry = new Array(10, true, 'hello');
			alert(arry.join(":"));//用什么当分隔符
			var arry2 =[30, false, 'script'];
			var arry3 = arry.concat(arry2);//拼接
			alert(arry3);
			alert(arry.reverse());//逆转 
			arry.sort();//排序
			alert(arry);*/
			//date对象
			/*var date = new Date();
			alert(date);
			alert(date.getFullYear()+"-"+date.getMonth()+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());
			*/
			//math对象
			var m = -10.2163434;
			//alert(Math.abs(m));
			//alert(Math.round(m));
			//alert(Math.random());//随机数                                                                                                                                                                                                                      
			//number
			alert(m.toFixed(2));//保留小数后2位
			
			}	
		</script>
    </head>
	<body onLoad="load()">
   
    </body>
</html>

 

おすすめ

転載: blog.csdn.net/weixin_44146025/article/details/104036326