JS的字符串处理
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a target="_blank" href="https://www.cnblogs.com/qj0813/p/5110211.html">字符串处理</a><br />
<div id="d1"></div>
<script>
//1 charAt() 获取指定下标元素
var str="Hello world!"
var aa = str.charAt(3);
// var str='a,g,i,d,o,v,w,d,k,p'
//alert(str.charAt(2)) //结果为g
var d1 = document.getElementById('d1');
d1.innerHTML = aa;
//2 split() 分割 使用一个指定的分隔符把一个字符串分割存储到数组
var str='jpg|bmp|gif|ico|png';
var arr=str.split('|');
// alert(arr.length);
for (var i = 0 ; i <arr.length;i++) {
console.log(arr[i]);
}
//3 join() 使用您选择的分隔符将一个数组合并为一个字符串
var myList=new Array('jpg','bmp','gif','ico','png');
var portableList=myList.join('|');
console.log(portableList);
//结果是jpg|bmp|gif|ico|png
//.4 函数:concat() 功能:将两个数组连接在一起;
//
//例子:
var arr1=[1,2,3,4]
var arr2=[5,6,7,8]
// alert(arr1.concat(arr2)) //结果为[1,2,3,4,5,6,7,8]
console.log(arr1.concat(arr2));
//5 charCodeAt() charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。
var str='a,g,i,d,o,v,w,d,k,p'
alert(str.charCodeAt(2)) //结果为103。即g的Unicode编码为103
//6.函数:slice() arrayObject.slice(start,end) start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
// end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
//
// 返回一个新的数组,包含从start到end(不包括该元素)的arrayobject中的元素。
var str= "乘风破浪会有时,直挂云帆济沧海!";
var ss = str.slice(2,4);
// alert(str.slice(2,5)) //结果
console.log(ss); //破浪
//7.函数:substring() 定义和用法 substring 方法用于提取字符串中介于两个指定下标之间的字符。
//语法 stringObject.substring(start,stop)
// start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
//stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。
//如果省略该参数,那么返回的子串会一直到字符串的结尾。
//返回 一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,
//其长度为 stop 减 start。 说明 substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
//如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
//如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。 如果 start 或 end 为负数,那么它将被替换为 0。
var str='ahji3o3s4e6p8a0sdewqdasj';
alert(str.substring(2,6)) //结果为ji3o3
//8.函数:substr 定义和用法 substr 方法用于返回一个从指定位置开始的指定长度的子字符串。
//语法 stringObject.substr(start [, length ])
//
//参数 start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
//
// length 可选。在返回的子字符串中应包括的字符个数。 说明 如果 length 为 0 或负数,将返回一个空字符串。 如果没有指定该参数,则子字符串将延续到stringObject的最后。
var str = "0123456789";
alert(str.substring(0)); //------------"0123456789"
alert(str.substring(5)); //------------"56789"
alert(str.substring(10)); //-----------""
alert(str.substring(12)); //-----------""
alert(str.substring(-5)); //-----------"0123456789"
alert(str.substring(-10)); //----------"0123456789"
alert(str.substring(-12)); //----------"0123456789"
alert(str.substring(0,5)); //----------"01234"
alert(str.substring(0,10)); //---------"0123456789"
alert(str.substring(0,12)); //---------"0123456789"
alert(str.substring(2,0));//----------"01"
alert(str.substring(2,2));//----------""
alert(str.substring(2,5));//----------"234"
alert(str.substring(2,12));//---------"23456789"
alert(str.substring(2,-2));//---------"01"
</script>
</body>
</html>
JS对象创建
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>1111</div><br />
<!-- //disabled 禁用 input 元素-->
<input type="text" disabled="disabled"><br />
<!--//阻止超链接跳转
-->
<a href="https://www.baidu.com" onclick="return false">百度</a><br />
<a href="https://blog.csdn.net/u012365843/article/category/2319191">js学习博客</a>
<input type="button" value="按钮1" id="btn1">
<input type="button" value="按钮2" id="btn2">
<script>
// console.log 打印 typeof打印元素类型
var a = 10;
var b = "bb";
console.log(typeof a);
console.log(typeof b);
//类型转换
var a = "12";
var b = "a12";
var c = "12";
var d = "1";
var e = "0";
console.log(parseInt(a));
console.log(parseFloat(b));
console.log(Number(c));
console.log(Boolean(d));
console.log(Boolean(e));
// undefined 未定义
var n;
console.log(n);
var age = prompt("请输入年龄");
console.log(age);
document.write("hello");
document.write("<div>乘风破浪会有时,直挂云帆济沧海!</div>");
// 数组
var arr1 = [];
var arr2 = new Array();
var arr3 = [1,'2',['3','4',5]];
// arguments 伪数组
function f1() {
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum = sum + arguments[i];
}
return sum;
};
//可以自动获取参数的值和个数
console.log(f1(10, 20, 30));
console.log(f1(10, 20, 30, 40, 50));
// instanceof 判断对象类型
var date = new Date();
var arr = new Array();
console.log(date );
console.log(date instanceof Date);
console.log(arr instanceof Array);
console.log(date instanceof Array);
console.log(arr instanceof Date)
//confirm 确定及取消按钮的对话框
var flag = confirm("是否继续");
//window.onload 页面加载完毕调用
window.onload = function () {
alert("页面加载完毕了!");
};
// bind(对象) 改变函数执行时this的指向
document.getElementById("btn1").onclick = function () {
console.log(this.id);//btn2
alert(this.id);
}.bind(document.getElementById("btn2"));
//创建对像
// 工厂模式创建对象
var pop = function (name, age) {
var obj = new Object();
obj.name = name;
obj.age = age;
obj.laugh = function () {
console.log("笑");
};
obj.cry = function () {
console.log("哭");
};
return obj;
}
var pop1 = pop("小明", 20);
var pop2 = pop("小刚", 30);
console.log(pop1.name);
pop2.cry();
//自定义构造函数创建对象
function Person(name, age) {
var obj = new Object();
obj.name = name;
obj.age = age;
obj.laugh = function () {
console.log("笑");
};
obj.cry = function () {
console.log("哭");
};
return obj;
}
var P1 = Person("小明", 20);
var P2 = Person("小刚", 30);
console.log(P1.name);
P2.cry();
//字面量方式创建对象
var obj = {
name: "小明",
age: 20,
laugh: function () {
console.log("笑");
},
cry: function () {
console.log("哭");
}
};
console.log(obj.name);
obj.cry();
//JSON格式的数据
//创建对象
var obj = {
"name": "小明",
"age": "20",
"sex": "男"
};
//遍历对象的属性
for (var key in obj) {
//对象中确实有这个属性,用 对象.属性名字 或 对象[属性名字]
//对象中没有这个属性,用 对象[属性名字]
console.log(key + "====" + obj[key]);
}
// console.log(obj.key ,obj.value);
document.write(Date());
</script>
</body>
</html>