JavaScript的相关知识点学习与实践二
Posted 相信光的奥特王小懒
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript的相关知识点学习与实践二相关的知识,希望对你有一定的参考价值。
1.数组对象的学习
1.1创建数组的两种方式
<script>
// 创建数组的两种方式
// 1. 利用数组字面量
var arr = [1, 2, 3];
console.log(arr[0]);
// 2. 利用new Array()
// var arr1 = new Array(); // 创建了一个空的数组
// var arr1 = new Array(2); // 这个2 表示 数组的长度为 2 里面有2个空的数组元素
var arr1 = new Array(2, 3); // 等价于 [2,3] 这样写表示 里面有2个数组元素 是 2和3
console.log(arr1);
1.2检测是否是数组的两种方式
1.2.1 instanceof
1.2.2Array.isArray()
1.3 数组排序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// 数组排序
// 1. 翻转数组
var arr = [pink, red, blue];
arr.reverse();
console.log(arr);
// 2. 数组排序(冒泡排序)
var arr1 = [13, 4, 77, 1, 7];
arr1.sort(function(a, b)
// return a - b; 升序的顺序排列
return b - a; // 降序的顺序排列
);
console.log(arr1);
</script>
</head>
<body>
</body>
</html>
1.4 数组去重案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// 数组去重 [c, a, z, a, x, a, x, c, b] 要求去除数组中重复的元素。
// 利用 新数组.indexOf(数组元素) 如果返回时 - 1 就说明 新数组里面没有改元素
function unique(arr)
var newArr = [];
for (var i = 0; i < arr.length; i++)
if (newArr.indexOf(arr[i]) === -1)
newArr.push(arr[i]);
return newArr;
// var demo = unique([c, a, z, a, x, a, x, c, b])
var demo = unique([blue, green, blue])
console.log(demo);
</script>
</head>
<body>
</body>
</html>
2.字符串对象的学习
2.1 统计出现次数最多的字符的案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// 判断一个字符串 abcoefoxyozzopp 中出现次数最多的字符,并统计其次数。
// o.a = 1
// o.b = 1
// o.c = 1
// o.o = 4
// 核心算法:利用 charAt() 遍历这个字符串,根据位置返回字符,会依次输出字符
// 把每个字符都存储给对象, 如果对象没有该属性,就为1,如果存在了就 +1
// 遍历对象,得到最大值和该字符
var str = abcoefoxyozzopp;
var o = ;
for (var i = 0; i < str.length; i++)
var chars = str.charAt(i); // chars 是 字符串的每一个字符
if (o[chars]) // o[chars] 得到的是属性值
o[chars]++;
else
o[chars] = 1;
HTML学习 JavaScript(运算符)