Javascript——字符串的案例,Array对象方法,DOM

var str="晚风吻尽荷花叶,任我醉倒在池边";
var key="荷花";
//先获取要截取的字符串的索引的位置
var index=str.indexOf(key);
//从指定的位置开始截取,截取两个即可
str=str.substr(index, 2);
console.log(str);

2.找到这个字符串中所有的o出现的位置

var str2="hello world welcome to my blog";
var index=0; //开始的位置
var key="0"; //要找的字符串
while((index=str2.indexOf(key, index))!=-1){//如果是-1的情况,说明找完了
    console.log(index);
    index+=key.length;
}

3.找到这个字符串中每个字符串出现多少次

var str3="hello world welcome to my blog";
//创建新的对象——空对象——没有属性也没有方法
var obj={
    "sex": "男"
};
//如果想知道obj对象中有没有sex这个属性
//把对象["属性名字"]——放在if的判断中即可——判断对象中有没有这个属性
//if的判断结果是true,则有这个属性,否则没有这个属性
if(obj["age"]){
    console.log("有");
}else{
    console.log("没有");
}

Array.isArray(对象)——判断这个对象是不是数组
instanceof关键字
.concat(数组,数组,数组,……)组合一个新的数组
.every(函数)——返回值是布尔类型,函数作为参数使用,函数中有三个参数,第一个参数是元素的值,第二个参数是索引值,第三个参数是原来的数组(没用)
如果这个数组中的每个元素的值都符合条件,最后才返回的是true
.filter(函数);返回的是数组中每一个元素都符合条件的元素,组成了一个新的数组
.push(值);——把值追加到数组中,加到最后——返回值也是追加数据之后的数组长度
.pop( );——删除数组中最后一个元素,返回值就是删除的这个值
.shift( );——删除数组中第一个元素,返回值就是删除的这个值
.unshift( );——向数组的第一个元素前面插入一个新的元素,——返回值是插入后的长度
.forEach(函数)方法——遍历数组用——相当于for循环
.indexOf(元素值);返回的是索引,没有则是-1
.join(“字符串”);——返回的是一个字符串
.map(函数);——数组中的每个元素都要执行这个函数,把执行后的结果重新全部放在一个新的数组中
.reverse( );——反转数组
.sort( );——排序,可能不稳定
.arr.slice(开始的索引,结束的索引);把截取的数组的值放在一个新的数组中,但是不包含结束的索引对应的元素值
.splice(开始的位置,要删除的个数,替换的元素的值);一般是用于删除数组中的元素,或者是替换元素,或者插入元素。

文档:把一个html文件看成一个文档,由于万物皆对象,所以把这个文档看成是一个对象
XML文件也可以看成是一个文档

HTML:展示信息,展示数据的
XML:侧重于存储数据
html文件看成是一个文档,那么这个文档看成是一个对象,文档中所有标签都可以看成一个对象
页面中的每个标签,都是一个元素(element),每个元素都可以看成一个对象

标签可以嵌套,标签中有标签,元素中有元素

html页面中都有一个根标签——html——也叫根元素

页面中的有一个根元素(标签——html),里面有很多元素(有很多标签,有很多对象)

文档:一个页面就是一个文档

元素(element):页面中所有的标签都是元素,元素可以看成是对象

节点(node):页面中所有的内容都是节点:标签,属性,文本

页面就是文档——document,文档中有根元素:html
由文档及文档中的所有的元素(标签)组成的一个树形结构图,叫树状图(DOM树)

DOM经常进行的操作
1.获取元素
2.动态创建元素
3.对元素进行操作(设置其属性或调用其方法)
4.事件(什么时机做相应的操作)

猜你喜欢

转载自blog.csdn.net/mintsolace/article/details/93522261