javascript内置对象一:String

<script>
    //string.split("-"),以字符"-"把string拆分成一个数组。返回一个数组
    //array.join("-"),以字符"-"把数组array链接成一个字符串。
    var str="welcome-to-school";
    console.log(str.split("-"));//Array(3) [ "welcome", "to", "school" ]
    var date="2019/05/06";
    console.log(str.split("/"));//Array [ "welcome-to-school" ]

//string.replace(value1,value2); 用value2替换字符串string中的value1
    var date="2019/05/06";
    console.log(date.replace("2019","1949"));
    var str="welcome-to-school";
    console.log(str.replace("welcome","woaini--zhengliang"));
</script>

=========

Javastring内置对象:String
<script>
    var str="hellow world";
    //string.chartAt(index); 在字符串string中查找索引为index的字符。
    //string.chartAt("o"); 不存在这种写法,错误的写法。
    
    console.log(str[1]);//IE7以及跟早版本不支持,显示undefined,所以不用该方法。
    console.log(str.charAt(15));//没有15索引,显示:空格 ,没有任何东西。
    console.log(str.charAt(7));//显示:w
    console.log(str.charCodeAt(7));//显示w的字符编码:119

var str="hellow world";
    //str.indexOf(value);  在str中查找value所在的位置,只显示value中第一个字母的位置,这里的value可以是一个字符,也可以是多个字符。
    console.log(str.indexOf("world"));//返回:7  ,可以查询多个字符从前向后查找第一个"world"的索引值。这里只显示第一个字母"w"的位置。
    console.log(str.indexOf("f"));//返回:-1  不存在即返回-1.
    console.log(str.indexOf(" "));//返回:6  从前向后查找第一个空格的索引为6.
    console.log(str.indexOf(""));//返回:0  表示不存在的值,返回0。

var str="hellow world";
    //string.lastIndexOf(value); 从后向前查找第一个value在string中出现的位置,且只显示value中第一个字符的位置。这里的value可以是一个字符,也可以是多个字符。
    console.log(str.lastIndexOf("w"));//返回:7  在str中从后面向前查找第一个w的位置。
    console.log(str.lastIndexOf("low"));//返回:3  在str中从后面向前面查找第一个"low",且只显示"low"中第一个"l"的索引值。
</script>
<script>
    //---------string.slice(start,end)-----------
    var str="hello world";
    //string.slice(start,end);
    //1,从索引start截取到end,如果start > end 时,什么都截取不到,输出空格。
    //2,只有一个参数start,end被省略默认截取到最后。
    //3,如果start,end都为负数时,如:str.slice(-5,-8); start=str.length-5,end=str.length-8。
    console.log(str.slice(1));//从索引1截取到最后,ello world
    console.log(str.slice(1,5));//从索引1截取到索引5,不包括5.ello
    console.log(str.slice(-5));//str.length-5=6,即:从索引6截取到最后。world
    console.log(str.slice(-5,7));//str.length-5=6  即:从索引6截取到7,除7。w
    console.log(str.slice(-7,-4));//str.length-7=4,str.length-4=7,即:从索引4截取到7,除7。o w
    console.log(str.slice(-4,-7));//str.lengt-4=7,str.length-7=4。start=7,end=4,当start>end时,什么都截取不到,为空格。

//---------string.substring(start,end)-----------
    var str="hello world";
    //string.substring(start,end);
    //1,从索引start截取到end。
    //2,省略end,默认从索引start截取到最后。
    //3,参数为负数时,自动转化为0。
    console.log(str.substring(1,5));//从索引1截取到5,除5。ello
    console.log(str.substring(1));//从索引1截取到最后。llo world
    console.log(str.substring(-3));//参数为负数,自动转化为0。即从索引0截取到最后。
    console.log(str.substring(-8,5));//参数为负数,自动转化为0。即:从索引0截取到5,除5。hello
    console.log(str.substring(5,-5));//如果start为整数,end为负数,则浏览器会默认把小值做start,大的值做end。从索引0截取到5,hello
    console.log(str.substring(-7,-5));//start,end两个参数都为负数,负数会自动转为0,即:从索引0截取到0,除0。输出:空格
    //console.log(string.substring(5,3)); 如果start,end都为正数,且start>end,就会报错。
    
    //---------string.substr(start,len)-----------
    var str="hello world";
    //string.substr(start,len); strat开始索引,len截取长度。
    //1,len省略,默认截取到最后。
    //2,start为负数时,start=string.length+负数。
    //3,len为负数时,返回空字符串。
    console.log(str.substr(3,5)); //从索引3开始,向后截取5位,除5。lo wo
    console.log(str.substr(3));//从索引3开始截取到最后
    console.log(str.substr(-7,8));//str.length-7=4,从索引4开始向后截取8位,超出部分除去。lo world
    console.log(str.substr(3,-3));//len为负数时,截取为空字符串。空格
</script>
<script>
    var url="www.baidu.com/p/index.html";
    var jpg="www.baidu.com/love.jpg";
    /**
     * [getFileFormate 获取文件后缀名]
     * @param  {[type]} string [文件地址]
     * @return {[type]}        [截取的文件名]
     */
    function getFileFormate(string){
        var pos=string.lastIndexOf("/");
        return string.slice(pos+1);
    }
    console.log(getFileFormate(jpg));
</script>
<script>
    //string.split("-"),以字符"-"把string拆分成一个数组。返回一个数组
    //array.join("-"),以字符"-"把数组array链接成一个字符串。
    var str="welcome-to-school";
    console.log(str.split("-"));//Array(3) [ "welcome", "to", "school" ]
    var date="2019/05/06";
    console.log(str.split("/"));//Array [ "welcome-to-school" ]
    var str="welcome to school";//每个字符都会拆分成一个数组
    console.log(str.split(""));//(17) ["w", "e", "l", "c", "o", "m", "e", " ", "t", "o", " ", "s", "c", "h", "o", "o", "l"]

//string.replace(value1,value2); 用value2替换字符串string中的第一个value1,后面不管。
    var date="2019/05/06";
    console.log(date.replace("2019","1949"));//1949/05/06
    var str="welcome-to-school";
    console.log(str.replace("welcome","woaini--zhengliang"));//woaini--zhengliang-to-school
    var str="welcome-to-school";
    console.log(str.replace("-"," ")); //welcome to-school
    var str="welcome-to-school";
    console.log(str.replace(""));//undefinedwelcome-to-school
</script>
<script>
    //--------toUpperCase()  toLowerCase()---------------
    var str="welcome to school";
    var char=str.substring(0,1).toUpperCase();//第一个字母大写,只是复制一个副本,对原字符串没有修改,谨记!!!
    console.log(char);//只是复制了一个副本,改变"w"为大写而已。W
    console.log(char+str.substring(1));//只修改w为大写,其他都不变。Welcome to school
    console.log(str);//原来的str字符串没有改变。 welcome to school
    console.log(str.toUpperCase());//WELCOME TO SCHOOL 全部变成大写
    var str="welcome to school";
    console.log(str.toLowerCase());//welcome to school 全部变成小写
</script>

原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/10804017.html

时间: 2024-08-06 07:58:21

javascript内置对象一:String的相关文章

JavaScript之基础-9 JavaScript String(内置对象、String概述)

一.JavaScript 内置对象 内置对象 - 什么是内置对象? 内置对象就是ECMAScript标准中已经定义好的,由浏览器厂商已经实现的标准对象 - 内置对象中封装了专门的数据和操作数据常用的API - JavaScript中内置对象列表 - String.Boolean.Number.Array.Date.RegExp.Math.Error.Function.Object.Global 包装类型 - 什么是包装类型? 专门封装原始类型的数据,并提供对数据常用操作的内置类型 - 为什么要用

javascript 内置对象及常见API

javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对encodeURI()转义的字符串解码. decodeURIComponent() 对encodeURIComponent()转义的字符串解码. encodeURI(

JavaScript进阶 - 第7章 JavaScript内置对象

第7章 JavaScript内置对象 7-1 什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的“提交”(Submit),时间的“获取”(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象:   var objectNa

document和javaScript内置对象

1.Document 属性: referrer //返回载入当前文档的URL URL //返回当前文档的URL 方法: getElementById(); //根据id获取html元素对象 getElementsByName(); //根据name获取html元素对象数组 getElementsByTagName(); //根据标签名获取html元素对象数组 2.javaScript内置对象 Math ceil(); //向上取整 floor(); //向下取整 random(); //0~1的

Javascript 笔记与总结(2-4)Javascript 内置对象

① String 字符串对象 fromCharCode() 静态方法, 用作为参数而传递的字符代码创建一个新的字符串. length 字符串的长度. charAt() 抽取字符串中指定位置的字符. charCodeAt() 返回字符串中指定位置的字符编码. concat() 把一个或多个值连接到字符串上. indexOf() 在字符串中检索一个字符或一个子串. lastIndexOf() 在字符串中向后检索一个字符或一个子串. localeCompare() 用本地特定顺序来比较两个字符串. m

javascript内置对象(BOM)及事件

BOM 浏览器对象模型,该对象模型提供了独立于内容的,与浏览器窗口进行交互的对象 该对象提供了以下操作: histroty对象 当前窗口的浏览历史 location对象  当前文档的URL screen对象   客户端显示屏幕信息 Navigator  用户所使用的浏览器信息 location.href = 'url';//url跳转 history子对象:(操作浏览历史) 无刷新返回上一页: history.back(); 1 <a href="?page=5">第5页&

JavaScript 内置对象

JavaScript Date 对象 这个函数API蛮多的,我也没有整理,今天就来整理一下,梳理一边,图个熟悉 Data()函数 这个函数就是一个构造函数的调用方法,用new的方法调用,返回一个对象,表示的是当前的时间 var data=new Data() console.log(data) //Wed Sep 06 2017 15:50:55 GMT+0800 (中国标准时间) 或者是可以直接调用这个函数的 console.log(Date()) //Wed Sep 06 2017 15:5

第五天:内置对象(7.Javascript内置对象)

1)中所术是内置对象,2)中为自定义对象 代码说明如下 2.1.1 定义并创建对象实例方式1,代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对象</title></head><body><script> people= new Object(); people

08.24 javascript 内置对象 function apply() * call() * bind() ECMA5新增

倒计时 # 内置对象 Function ### 属性 * length   形参的数量 ### 方法 * apply() * call() * bind()  ECMA5新增