面向对象认识JS-内置对象

string

string对象构造函数 ——字符串即对象

传统方式 :var zhangsan =‘张三‘;

通过对象形式:var lisi = new String(‘李四‘);

字符串对象属性和方法概述

获取字符串长度Length属性
连接字符串:concat
获取索引值:indexOf()
根据索引值获取单个字符:charAt()

concat方法

    var s1="a";
    var s2="b";
    var s3="c";
    console.log(s1.concat(s2,s3));//abc

    var arr = [1, 2, 3];
    console.log(arr.concat(4, 5));//[1,2,3,4,5]

indexOf --- 找到匹配项返回索引值,如果没找到返回-1

    var myString="JavaScript";
    var a1=myString.indexOf("v");//2
    var a2=myString.indexOf("S");//4
    var a3=myString.indexOf("Script");//4
    var a4=myString.indexOf("key");// 如果没有匹配项返回 -1

  完整的indexof用法

可以传入第二个参数:indexOf(str,fromIndex)
表示从索引位置fromIndex开始查找,如果fromIndex省略,则表示默认从起始索引0开始查找;
若fromIndex为负,则从索引0开始查找。

    var b1 = myString.indexOf("v",5);// 从下标5开始查找,而v在索引2,所以找不到,返回-1
    var b2 = myString.indexOf("v",1);//-2
    console.log(b1)//-1
    console.log(b2)//-2

charAt  ---- 返回指定索引位置的字符,若索引越界,返回空字符串。

返回指定索引位置的字符
(因为Javascript中没有字符类型,所以返回的是长度为1的字符串)。

    myString="JavaScript";
    console.log(myString.charAt(1));//a
    console.log(myString.charAt(10000000000000000));//若索引越界,返回空字符串
    console.log(myString.charAt(-1));//若索引越界,返回空字符串  -- ""
    console.log(myString.charAt(-10000000000000000000000));//若索引越界,返回空字符串

substr(fromIndex,length) 获取部分字符串,从起始索引fromIndex开始截取长度length的字符串

myString="JavaScript";

从起始索引fromIndex开始截取长度length的字符串 - 正向截取

    console.log(myString.substr(1,1));//a          表示从第1个索引值开始截取,截取1个字符
    console.log(myString.substr(1,2));//av女忧     表示从第1个索引值开始截取,截取2个字符

若不指定length或者length超过可截取的最大长度,则截取到结尾。 

    console.log(myString.substr(1));//avaScript
    console.log(myString.substr(1,4000000));//avaScript

反向截取
若起始索引为负,则从右往左开始截取 - -1表示倒数第一个, -2表示倒数第二个

myString="JavaScript";

    console.log(myString.substr(-1,1));//t  表示从倒数第一个开始截取,截取1个字符
    console.log(myString.substr(-2,1));//p  表示从倒数第二个开始截取,截取1个字符

    console.log(myString.substr(-6,1));//S  表示从倒数第6个开始截取,截取1个字符
    console.log(myString.substr(-6,2));//Sc  表示从倒数第6个开始截取,截取2个字符

substring(startIndex,endIndex)  获取部分字符串

截取 起始索引startIndex 到 结束索引endIndex的子字符串,
结果包含startIndex处的字符,不包含endIndex处的字符。

    //如果省略个数,则自动获取后面所有
     console.log(myString.substring(4));//Script
    //若startIndex或者endIndex为负,则会被替换为0。
    console.log(myString.substring(-1,1));//J
    //若startIndex = endIndex,则返回空字符串。
    console.log(myString.substring(3,3));//返回空
    //若startIndex > endIndex,则执行方法时,两个值会被交换。
    console.log(myString.substring(3,1));//等价于myString.substring(1,3) 

 slice(startIndex,endIndex)   获取部分字符串

截取 起始索引startIndex 到 结束索引endIndex的子字符串,
结果包含startIndex处的字符,不包含endIndex处的字符。

    myString="JavaScript";
    console.log(myString.slice(1,3)) //av
    console.log(myString.slice(4,5)) //S
    console.log(myString.slice(4)) //Script  //如果省略个数,则自动获取后面所有

// 基本用法和substring用法一样,不同点如下:

// stringObj.slice(start, [end])
// 如果 start 为负,将它作为 length + start处理,此处 length 为数组的长度。
console.log(myString.slice(-1,3))
// 如果 end 为负,就将它作为 length + end 处理,此处 length 为数组的长度。
console.log(myString.slice(2,-3))
// 如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。
// 如果 end 大于 start,不复制任何元素到新数组中。
//
// strVariable.substring(start, end)
// 如果 start 或 end 为 NaN 或者负数,那么将其替换为0。
// 子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。
// slice可以对数组操作,substring不行。。。

split()分割  

按给定字符串分割,返回分割后的多个字符串组成的字符串数组。

    console.log(‘split()用法‘)
    var s="a,bc,d";
    console.log(s.split(","));//["a", "bc", "d"]
    s="a1b1c1d1";
    console.log(s.split("1"));//["a", "b", "c", "d", ""]

John()合并  

使用您选择的分隔符将一个数组合并为一个字符串

    var myList=new Array("jpg","bmp","gif","ico","png");
    var imgString=myList.join("|");//结果是jpg|bmp|gif|ico|png

split()还可以结合正则表达式

    myString = ‘javascript is a good script language‘;
    console.log(myString.split(/\s/)); //javascript,is,a,good,script,language
    //传入\s表示要匹配空格,我们将字符串分割为一个数组,如果你要访问某一个,那么可以明确指出:
    console.log(myString.split(/\s/)[3]); //good

字符串大小写转换
使用您选择的分隔符将一个数组合并为一个字符串

    myString="JavaScript";
    myString = myString.toLowerCase();//javascript
     myString = myString.toUpperCase();//JAVASCRIPT

  

 

  

时间: 2024-10-21 06:47:16

面向对象认识JS-内置对象的相关文章

JS内置对象-String对象、Date日期对象、Array数组对象、Math对象

一.JavaScript中的所有事物都是对象:字符串.数组.数值.函数... 1.每个对象带有属性和方法 JavaScript允许自定义对象 2.自定义对象 a.定义并创建对象实例 b.使用函数来定义对象,然后创建新的对象实例 二.JS内置对象-String 1.string对象 string对象用于处理已有的字符串 字符串可以使用单引号或者双引号 2.indexOf( )  在字符串中查找字符串,如果匹配成功返回首字母所在的位置,否则返回-1 3.match() 匹配成功,返回匹配成功的数组,

5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID值获取一个DOM对象 getElementsByName(); 根据name属性值获取多个Dom对象 getElementsByTagName(); 根据标签获取多个DOM对象 获取标签体内容 innerHTML 获取input的value值 value 获取下拉框选中的值 value this 代

JS 内置对象 String对象

JS内置对象   String对象:字符串对象,提供了对字符串进行操作的属性和方法.   Array对象:数组对象,提供了数组操作方面的属性和方法.   Date对象:日期时间对象,可以获取系统的日期时间信息.   Boolean对象:布尔对象,一个布尔变量就是一个布尔对象.(没有可用的属性和方法)   Number对象:数值对象.一个数值变量就是一个数值对象.   Math对象:数学对象,提供了数学运算方面的属性和方法. String对象的属性和方法   length:获取字符串的长度.如:v

JS内置对象的原型不能重定义?只能动态添加属性或方法?

昨天马上就快下班了,坐在我对面的同事突然问我一个问题,我说“爱过”,哈哈,开个玩笑.情况是这样的,他发现JS的内置对象的原型好像不能通过字面量对象的形式进行覆盖, 只能动态的为内置对象的原型添加属性或方法,下面那个具体的例子说明: var arr=[]; Array.prototype={ push:function(){ alert("1"); } }; arr.push(); //没有任何输出 有人可能会说了“你先定义的arr,后来又修改了Array.prototype,这时Arr

4月8日--课堂笔记--JS内置对象

JavaScript Day8 一.    JS内置对象 字符串String a) 属性length:字符数量,不管是ASCII还是Unicode,都算1个字符 b) 查询方法: i.           charAt:根据索引位置查找字符,可以用[索引]代替(除了旧版IE) ii.           charCodeAt:根据索引位置查找字符编码 iii.           indexOf:根据字符(串)查找首次出现位置,如果找不到则返回-1:不指定第二个起始位置时从头开始查找,如果指定则

js内置对象总结

在js里,一切皆为或者皆可以被用作对象.可通过new一个对象或者直接以字面量形式创建变量(如var i="aaa"),所有变量都有对象的性质. 注意:通过字面量创建的对象在调用属性和方法时会被对象包装器暂时包装成一个对象,具有对象的性质.如 var str="我不是一个真的对象"; alert(str.length);     //str被暂时包装成一个String对象,可调用该对象的属性和方法 不过这并不意味着它就是一个对象了,typeof(i)的值为仍Strin

js内置对象处理-打印学生成绩单

效果图: 任务: 1.通过js的内置对象得到当前日期 var date=new Date(); var year=date.toString().slice(11,15); document.write(year.toString()+"年"); var month=date.getMonth(); month=month+1; if(month<10){ document.write("0"+month+"月"); }else{ docu

巧用JS内置对象Function

在做练习的时候也好,做项目的时候也好,我经常会碰到想要的到一个字符串“”里面的东西的这样的需求. 注意,“”里面的东西可以是任何东西[],number等等 于是有了个大神教我一个绝招: 于是世界圆满了... 其实Function就是js的一个内置对象. 这里有个文章讲的挺好的 http://www.cnitblog.com/yemoo/archive/2007/09/25/34017.html

js内置对象-Math对象

内置对象:就是js语法中,内置的一些对象 提供很多的属性和方法,可以直接用1.Math对象:提供了一系列和数学相关的属性和方法 (1)PI => Math.pI (2)min,max 求最大值和最小值 =>Math.max (); Math.min () (3)取整:ceil天花板函数,向上取整,取大的那个值 => Math.ceil() floor地板函数,向下取整,取小的那个值 => Math.floor() round四舍五入 离哪个近,取哪个 => Math.roun

JS内置对象练习(慕课网题目)

效果图: XXXX年XX月X日 星期X--班级总分为:81 格式要求: 1.显示打印的日期. 格式为类似"XXXX年XX月XX日 星期X" 的当前的时间. 2.计算出该班级的平均分(保留整数). 同学成绩数据如下: "小明:87; 小花:81; 小红:97; 小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76" 我的解答 <!DOCTYPE html> <html lang="en"> &l