首页 / JAVASCRIPT / JavaScript【对象的学习】

JavaScript【对象的学习】

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript【对象的学习】，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6634字，纯文字阅读大概需要10分钟。

内容图文

JavaScript对象的了解

技术分享图片
1、js的String对象
创建String对象：var str = "abc";
方法和属性（参照W3C文档详细学习）
属性 length：字符串的长度

            1
            var len = "afjkfdajl"
2 document.write(len.length);//9

1：与HTML相似的方法
- stringObject.bold()：把字符串显示为粗体

            1
            var str = "404boom";
2 document.write(str.bold());

- stringObject.fontcolor(color)：按照指定的颜色来显示字符串

            1
            var str = "404boom";
2 document.write(str.fontcolor("red"));

- stringObject.fontsize(size)：按照指定的尺寸来显示字符串

            1
            var str = "404boom";
2 document.write(str.fontsize(6));

- stringObject.link(url)：把字符串显示为超链接

            1
            var str = "404boom";
2 document.write(str.link("https://cn.bing.com"));

- stringObject.sub()：把字符串显示为下标
- stringObject.sup()：把字符串显示为上标

            1
            var s1 = "3";
2var s2 = "2";//中间数字3var s3 = "3";
4document.write(s1.sub());
5document.write(s2);
6 document.write("<hr />")
7document.write(s1.sup());
8 document.write(s2);

2：与java相似的方法
- stringObject.concat(stringX,stringX,...,stringX)：用于连接两个或多个字符串

            1
            var str1 = "xiao";
2var str2 = "yyun"
3var str3 = "小云云";
4 document.write(str1.concat(str2).concat(str3));//xiaoyyun小云云

- stringObject.charAt(index)：返回指定位置的字符
注：字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串

            1
            var str = "JavaScript";
2 document.write(str.charAt(2));//v

- stringObject.indexOf(searchvalue,fromindex)：返回某个指定的字符串值在字符串中首次出现的位置
注：indexOf() 方法对大小写敏感！如果要检索的字符串值没有出现，则该方法返回 -1

            1
            var str = "JavaScript" ;
2 document.write(str.indexOf("S"));//4

- stringObject.split(separator,howmany)：把一个字符串分割成字符串数组

            1
            var str = "h e l l o";
2 document.write(str.split(" "));
3//遍历数组4for(var i;i<str.length;i++){
5    document.write(i);
6 }

- stringObject.replace(regexp/substr,replacement)：字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串

            1
            var str = "hello world";
2 document.write(str.replace("world","JavaScript"));//hello JavaScript

- stringObject.substr(start,length)：在字符串中抽取从 start 下标开始的指定数目的字符

            1
            var str = "afdjaskjflsdfsa";
2 document.write(str.substr(2,5));//djask

- stringObject.substring(start,stop)：用于提取字符串中介于两个指定下标之间的字符
注：substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

            1
            var str = "fdhskfjksjfdsa";
2 document.write(str.substring(3,6));//skf[3,6)

2、js的Array对象

创建数组（三种）
- var arr1 = [1,2,3];
- var arr2 = new Array(3); //长度是3
- var arr3 = new Array(1,2,3); //数组中的元素是1 2 3
- var arr = []; //创建一个空数组
属性：length：查看数组的长度
常用方法：
- arrayObject.concat(arrayX,arrayX,......,arrayX)：连接两个或多个数组

            1
            var arr1 = [2,4,5];
2var arr2 = ["d",7,"fsda"];
3var arr3 = ["dfa",78,"fsda"];
4 document.write(arr1.concat(arr2).concat(arr3));//2,4,5,d,7,fsda,dfa,78,fsda

- arrayObject.join(separator)：把数组中的所有元素放入一个字符串
separator可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符

            1
            var arr = new Array(3)
2 arr[0] = "George"
3 arr[1] = "John"
4 arr[2] = "Thomas"
5 document.write(arr.join())//George,John,Thomas6 document.write(arr.join("-"))//George-John-Thomas

-arrayObject.push(newelement1,newelement2,....,newelementX)向数组的末尾添加一个或多个元素，并返回新的长度

            1
            var arr = new Array(3)
2 arr[0] = "George"
3 arr[1] = "John"
4 arr[2] = "Thomas"
56 document.write(arr + "<br />")//George,John,Thomas7 document.write(arr.push("James") + "<br />")//48 document.write(arr)//George,John,Thomas,James

- arrayObject.shift()：用于把数组的第一个元素从其中删除，并返回第一个元素的值
注：如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject

            1
            var arr = ["zhangsan","lisi","wangwu","zhaoliu"];
2 document.write("old array: "+arr);//old array: zhangsan,lisi,wangwu,zhaoliu3 document.write("<br/>");
4 document.write("return: "+arr.shift());//return: zhangsan5 document.write("<br/>");
6 document.write("new array: "+arr);//new array: lisi,wangwu,zhaoliu

- arrayObject.pop()：用于删除并返回数组的最后一个元素
注：pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值

            1
            var arr = ["zhangsan","lisi","wangwu","zhaoliu"];
2 document.write("old array: "+arr);//old array: zhangsan,lisi,wangwu,zhaoliu3 document.write("<br/>");
4 document.write("return: "+arr.pop());//return: zhaoliu5 document.write("<br/>");
6 document.write("new array: "+arr);//new array: zhangsan,lisi,wangwu

- arrayObject.reverse()：用于颠倒数组中元素的顺序

            1
            var arr = ["Tom","John","wangwu"]
2 document.write(arr + "<br />")//Tom,John,wangwu3 document.write(arr.reverse());//wangwu,John,Tom

- arrayObject.unshift(newelement1,newelement2,....,newelementX)：可向数组的开头添加一个或更多元素，并返回新的长度

            1
            var arr = ["zhangsan","lisi","wangwu","zhaoliu"];
2 document.write("old array: "+arr);//old array: zhangsan,lisi,wangwu,zhaoliu3 document.write("<br/>");
4 document.write(arr.unshift("new"));//return: 55 document.write("<br/>");
6 document.write("new array: "+arr);//new array: new,zhangsan,lisi,wangwu,zhaoliu

3、js的Date对象

注意点：
getMonth()：获取当前的月：返回的是 0-11月，如果想要得到准确的值，加1
getDay()：星期,返回的是 (0 ~ 6)：外国朋友，把星期日作为一周的第一天，星期日返回的是 0，而星期一到星期六返回的是 1-6

                 1 <script type="text/javascript">
 2//获取当前时间 3var date = new Date();
 4        document.write(date);  
 5 6//转换成习惯的格式 7         document.write("<hr/>");
 8        document.write(date.toLocaleString());
 910//得到当前的年11         document.write("<hr/>");
12         document.write("year: "+date.getFullYear());
1314//得到当前的月15         document.write("<hr/>");
16var date1 = date.getMonth()+1;
17         document.write("month: "+date1);
1819//得到当前的星期20         document.write("<hr/>");
21         document.write("week: "+date.getDay());
2223//得到当前的天24         document.write("<hr/>");
25         document.write("day: "+date.getDate());
2627//得到当前的小时28         document.write("<hr/>");
29         document.write("hour: "+date.getHours());
3031//得到当前的分钟32         document.write("<hr/>");
33         document.write("minute: "+date.getMinutes());
3435//得到当前的秒36         document.write("<hr/>");
37         document.write("second: "+date.getSeconds());
3839//得到毫秒数40         document.write("<hr/>");
41         document.write("times: "+date.getTime());
42 </script>

View Code

4、js的Math对象
数学的运算,里面的都是静态方法，使用可以直接使用 Math.方法()

ceil(x): 向上舍入
floor(x)：向下舍入
round(x)：四舍五入
random()：得到随机数（伪随机数）返回 0 ~ 1 之间的随机数
- 得到0-9的随机数
Math.random()*10
Math.floor(Math.random()*10));

             1 <script type="text/javascript">
 2var num = 10.8;
 3     document.write("old : "+num);
 4     document.write("<br/>");
 5     document.write("ceil: "+Math.ceil(num));
 6 7     document.write("<br/>");
 8     document.write("floor: "+Math.floor(num));
 910     document.write("<br/>");
11     document.write("round: "+Math.round(num));
1213//random方法14     document.write("<hr/>");
15    document.write(Math.random());
1617//得到0-9的随机数18     document.write("<hr/>");
19//document.write(Math.random()*10);20     document.write(Math.floor(Math.random()*10));
21//pow(x,y)  2的5次方22     document.write("<hr/>");
23     document.write(Math.pow(2,5));
24 </script>

技术分享图片

原文：https://www.cnblogs.com/cao-yin/p/9808396.html

内容总结

以上是互联网集市为您收集整理的JavaScript【对象的学习】全部内容，希望文章能够帮你解决JavaScript【对象的学习】所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1137935.html

来源：【匿名】

【上一篇】JavaScript中判断对象的值是否为undefined、null 【下一篇】javascript 怎么调用php方法

更多 ►

【JavaScript【对象的学习】】教程文章相关的互联网学习教程文章

浏览器端-W3School-JavaScript-Browser： Navigator 对象【图】

ylbtech-浏览器端-W3School-JavaScript-Browser： Navigator 对象 1.返回顶部1、Navigator 对象Navigator 对象Navigator 对象包含有关浏览器的信息。注释：没有应用于 navigator 对象的公开标准，不过所有浏览器都支持该对象。Navigator 对象集合集合描述plugins[]返回对文档中所有嵌入式对象的引用。该集合是一个 Plugin 对象的数组，其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息，其中包括它所支持的...

JavaScript之包装对象【代码】

JavaScript对象是一种复合值：它是属性和已命名值的集合。通过"."符号来引用属性值。当属性值是一个函数时，称为方法。①一段你常用但却未必明白其真正底层原理的代码：var s = "hello world!"; var word = s.substring(s.indexOf(" ")+1,s.length); 　　如前面所说，这里变量s只是一个字符串原始类型，它怎么会有属性（s.length）和方法（s.indexOf()、s.substring()）呢？没错，这正跟我们正要介绍的包装对象有关。原因是：只要...

JavaScript之基础-10 JavaScript 正则表达式(概述、定义正则、RegExp对象、用于模式匹配的String方法)【图】

一、JavaScript 正则表达式概述正则表达式概述 - 正则表达式(Regular Expression): 由一些普通字符和特殊字符组成的，用以描述一种特定的字符规则的表达式 - 正则表达式常用于在一段文本中搜索、匹配或替换特定形式的文本。如:词语出现频率统计、验证字符串是否符合邮件格式、屏蔽一篇帖子中的限制性词语等650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111052258654.jpg" title="web.png" />正则表达式...

javascript操作window对象

document.defaultView或全局变量window——获取一个window对象。1）获取窗体信息innerHeight、innerWidth——获取窗体内容区域的高度、宽度。outerHeight、outerWidth——获取窗体的高度、宽度（包括边框和菜单条等）；pageXOffset、pageYOffset——获取窗体从左上角算起水平/垂直滚动过的像素数；screen——返回一个描写叙述屏幕的Screen对象；screen.availHeight、screen.availWidth——屏幕上可供显示窗体部分的高度、宽度（排除...

JavaScript Window对象

1、Window对象的location属性引用的是Location对象，它表示该窗口中当前显示的文档的URL，并定义了方法来使窗口载入新的文档。Location对象的href属性是一个字符串，后者包含URL的完整版本。Location对象的assign()方法可以使窗口载入并显示指定的URL文档，相似的replace()方法在载入新文档之前会从浏览历史中把当前文档删除。2、Window对象的history属性引用的是该窗口的History对象。History对象是用来把窗口的浏览历史用文档和文...

原生Javascript使用Promise对象借助关键字async&await设置JS休眠时间【代码】

偶然间遇到，需要在JS中解决类似于C#中的线程休眠问题，JS有Promise对象，可以帮助我们实现这一点，网上有很多类似文章，我这里列举一个使用示例：定义休眠方法--使用Promise创建一个异步可等待的方法：//设置JS休眠一定时间后执行的动作var sleep = function (millisecond) {returnnew Promise(resolve => {setTimeout(() => {resolve()}, millisecond)})}; 使用休眠方法--使用async和await，实现休眠等待效果：//测试方法var te...

JavaScript创建对象的默认方式:组合使用构造函数模式和原型模式【代码】

由于 JavaScript中没有类，对象充当着一系列集合的模板，包含着属性和方法，而每个对象中也有一个原型对象，可以存放共享方法和属性。创建自定义类型的最常见方式，就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性 //组合使用构造函数模式(构造函数设置自己的属性)和原型模式(原型设计那些共享的方法和属性)function Person(name,age,job){this.name=name;this.age=a...

《JavaScript》——面向对象与原型【图】

谈到面向对象，我们之前学过Vb和C#，从抽象到封装再到继承和多态，面向对象的世界真的很好玩，但是JavaScript中的面向对象有些特殊，因为里面没有类，而且对象的创建方式也不同。对象的创建大约有四种方式：使用new关键字创建、使用字面量创建、使用工厂方法创建、使用构造函数创建。 1、使用new关键字var box = new Object(); //创建一个 Object 对象 box.name = 'Lee'; //创建一个 name 属性并赋值 box.age = 100; //...

通过一道笔试题浅谈javascript中的promise对象【代码】【图】

因为前几天做了一个promise对象捕获错误的面试题目，所以这几天又重温了一下promise对象。现在借这道题来分享下一些很基础的知识点。下面是一个面试题目，三个promise对象捕获错误的例子，返回结果有什么不同。 //使用throw添加错误事件var p = new Promise(function(resolve, reject) {resolve("ok");thrownew Error(‘error0‘);//setTimeout(function() { throw new Error(‘error1‘) }, 0);}); p.then(function(value){consol...

JavaScript面向对象编程（8）使用中间函数

上一讲我们提出一个很好的思路，将一个类的可复用部分全部定义在prototype中，这样子类继承的时候可以很方便地通过prototype来继承；但是也带来一个问题就是子类在重写prototype中的属性时会改变所有实例的属性，这是因为父类和子类实例都共享同一个prototype；怎么解决呢？思路就是利用一个中间函数，具体请看代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra...

用javascript 面向对象制作坦克大战（二）【代码】【图】

2. 完善地图我们的地图中有空地，墙，钢，草丛，水，总部等障碍物。我们可以把这些全部设计为对象。2.1 创建障碍物对象群对象群保存各种地图上的对象，我们通过对象的属性来判断对象是否可以被穿过或被攻击。 Barrier.js: 1// 障碍物基类对象，继承自TankObject 2 Barrier = function () {3this.DefenVal = 1; // 防御力 4this.CanBeAttacked = true; // 是否可以被攻击 5}6 Barrier.prototype = new TankObject(...

JavaScript事件对象EventUtil【代码】

JS中事件对象有很多种，兼容性参差不齐，这个对象封装了大部分所需的各种方法var EventUtil={addHandler:function(element,type,handler){ //添加事件if(element.addEventListener){ element.addEventListener(type,handler,false); //使用DOM2级方法添加事件}elseif(element.attachEvent){ //使用IE方法添加事件element.attachEvent("on"+type,handler);}else{element["on"+type]=handler; //使用DO...

JavaScript 中的面向对象编程【代码】

使用JSON 来定义一个对象: <script type="text/javascript">var xiaoming = { name : ‘xiaoming‘, age : 18, say : function(){ console.log(‘my name is ‘+this.name); }}xiaoming.say();xiaoming.name = ‘li xiao ming‘;xiaoming.say();</script> 原文：http://www.cnblogs.com/likewpp/p/6935684.html

JavaScript - 函数、对象、事件、字符串（三）【代码】

JS 函数JS 函数是被设计为执行特定任务的代码块JS 函数会在某代码调用它时被执行JS 函数语法JS 函数通过 function 关键词进行定义，其后是函数名和括号()函数名可包含字母、数字、下划线、美元符号（规则与变量名相同）括号内是参数列表，多个参数之间使用逗号分隔：(参数1，参数2，参数3...)由函数执行的代码被放置在花括号中：{...}function functionName(var1,var2,var3,...){//执行代码//return ... } JS 函数调用当事件发生时...

JavaScript系列---【创建对象的三种方式】【代码】

创建对象的三种方式第一种：字面量创建对象代码：var obj={ name:‘张三‘, age:18, sex:‘男‘ } console.log(obj.name);//张三第二种：利用构造函数创建对象//构造函数 function Hero(name, type, blood) {this.name = name;this.type = type;this.blood = blood;this.attack = function (way) {console.log(way);}}//创建对象var lp = new Hero(‘廉颇‘, ‘力量型‘, ‘500血型‘);lp.attack(‘近战‘);console.log(lp); 第三...

首页 / JAVASCRIPT / JavaScript【对象的学习】

JavaScript【对象的学习】

内容导读

内容图文

内容总结

内容备注

内容手机端

【JavaScript【对象的学习】】教程文章相关的互联网学习教程文章

对象 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程