- JavaScriptのすべてのものは、文字列、数値、配列、日付などのオブジェクトです。
- オブジェクトはプロパティとメソッドを持つデータです
アクセス属性:
var message = "Hello world";
var x = message.length;
呼び出し方法:
var message = "hello world!";
var x = message.toUpperCase();
組み込みオブジェクト
JSのすべてがオブジェクトであるため、jsのオブジェクトを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>