Js 笔记 数组转化字符串toString 基本包装类型 charAT返回字符串 wab APIs 事件的定义

//   数组转化字符串
// 1. tostring 数组转化为字符串 默认分隔符是逗号
var arr = [1,2,3];
console.log(arr.toString());//1,2,3
// 2. join(可改变分隔符)
var arr1 = ['green','blue','pink'];
console.log(arr1.join());  //green,blue,pink
console.log(arr1.join('-'));  //green-blue-pink
console.log(arr1.join('&'));  //green&blue&pink

// 查询 concat()  slice()  splice()
// concat()  链接两个或多个数组 不影响原数组  并返回一个新的数组
// slice()  数组截取slice(being,end)  返回被截取的项目新数组
// splice()  数组删除splice(第几个开始,要删除个数)  返回被删除项目的新数组,会影响原数组

// 基本包装类型
// 对象才有属性和方法  复杂数据类型才有属性和方法
// 基本包装类型  就是把简单数据类型包装为 复杂数据类型
var str = 'andy';
console.log(str.length);  //实际上做了以下操作
// (1)把简单数据类型包装为了 复杂数据类型
var temp = new String('andy');
// (2)把临时变量的值 给 str
str = temp;
// (3) 销毁临时变量
temp = null;
// 此时简单数据类型就有了属性和方法 

// 字符串的所有方法 都不会修改字符串本身（字符串是不可变的） ，改变字符串需要返回一个新字符串
// 字符串对象 根据字符串返回位置 str.indexOf('要查找的字符串'，[起始位置])
var str = '改革春风吹满地，春天来了';
console.log(str.indexOf('春'));
console.log(str.indexOf('春',3));  //  从索引号是3的位置开始往后查找
var str = 'abcoefoxyozzopp';
var index = str.indexOf('o');
num = 0;
while (index !== -1) {
    console.log(index);
    num++;
    index = str.indexOf('o',index + 1);
}
console.log('出现了'+num+'次');

数组求元素出现的位置和次数 ['red','blue','red','green','pink','red']
var str = ['red','blue','red','green','pink','red'];
var index = str.indexOf('red');
var num = 0;
while (index !== -1) {
    console.log(index);
    num++;
    index = str.indexOf('red',index + 1);
}
console.log('red出现了'+num+'次');

// 根据位置返回字符
// 1. charAT(index) 根据位置返回字符
var str = 'andy'; 
str.charAT(0)
//2.charCodeAT(index)  获取指定字符的ASCII 码（index索引号）
str.charCodeAT(0);
// str[index]  获取指定位置处字符  HTML5,IE8+支持和charAT()等效

// 例子 找出字符串出现次数最多的字符和次数 'abcoefoxyozzopp'
var str = 'abcoefoxyozzopp';
var o = {};
for (var i = 0; i < str.length; i++) {
    var chars = str.charAt(i);// cahrs是字符串的每个字符
    if (o[chars]) {  //  o[chars]得到的是属性值
        o[chars]++;
    } else {
        o[chars] = 1;
    } 
}
console.log(o);
var max = [];
var ch = '';
for (var k in o) {
    if(o[k] > max) {
        max = o[k];
        ch = k;
    }
}
console.log(max);
console.log('最多的字符是' + ch);
// wab APIs  是DOM BOM 阶段
// API 给程序员提供的一种接口 
// Wab API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（或函数）
// DOM   文档对象类型（Document Object Model,简称DOM）是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口
// W3C 已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容，结构和样式


</script>