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检测是否是数组的两种方式

JavaScript的相关知识点学习与实践二_html

1.2.1 instanceof

JavaScript的相关知识点学习与实践二_html_02

1.2.2Array.isArray()

JavaScript的相关知识点学习与实践二_数组_03

JavaScript的相关知识点学习与实践二_字符串_04

1.3 数组排序

JavaScript的相关知识点学习与实践二_字符串_05

<!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>

JavaScript的相关知识点学习与实践二_html_06

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>

JavaScript的相关知识点学习与实践二_数组_07

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(运算符)

JavaScript学习与实践一

学习前端有啥书推荐?

智能前端技术与实践:深度学习中的JavaScript

机器学习算法与编程实践之中文文本分类

《C#零基础入门之百识百例》(二十)异常处理 -- 除数为0