问答：
1. 数组方法里push、pop、shift、unshift、join、split分别是什么作用。（*）
-
push：
push方法作用是在数组的后面添加一个或多个数值，返回变化后的数组长度length：
push -
pop：
与push对应，作用是在数组的后面去除一个或多个数值，返回去除的值：
pop
push和pop是堆栈的方法，就是后进先去，即只能在一端对数据进行操作，pop一次只移除一个值，push可以添加多个值。 -
shift：作用是移除数组开头部分的一个值，返回移除的值：
shift -
unshift：作用是在数组开头部分增加一个值或多个值，返回变化数组的长度；
unshift -
join：join将数组项合并成一个字符串，join接受一个参数，数组项之间的分隔符，默认是逗号：
join -
split：是string数据类型的一种方法，用于分割字符串为数组，与数组的join方法对应。有两个参数，第一个是以什么分隔符来分割元素，默认情况是字符串整体作为数组的一项，有且仅有一项，第二个是分割出来的数组项个数。
split
代码：
数组：
1. 用 splice 实现 push、pop、shift、unshift方法 （***）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>task18</title>
</head>
<body>
<script>
// 1. 用 splice 实现 push、pop、shift、unshift方法 （***）
function push(arr, val) {
arr.splice(arr.length, 0, val);
return arr.length;
}
function pop(arr) {
var val = arr.splice(arr.length-1,1);
return val;
}
function shift(arr) {
var val = arr.splice(0,1);
return val;
}
function unshift(arr, val) {
arr.splice(0, 0, val);
return arr.length;
}
var arr1 = [11,22,33,44,55,66,77];
</script>
</body>
</html>
代码1
2. 使用数组拼接出如下字符串 （***）
<script>
// 2.使用数组拼接出如下字符串 （***）
var prod = {
name: '女装',
style: ['短款', '冬季', '春装']
};
function getTplStr(data){
data.style.unshift(data.name);
var arr1 = data.style;
var arr2 = [];
arr2[0] = '<dl class="product">';
arr2[1] = '\t' + '<dt>' + arr1[0] + '</dt>';
for(var i = 0; i < arr1.length; i++) {
arr2[i+2] = '\t' + '<dd>' + arr1[i+1] + '</dd>';
}
arr2[arr2.length-1] = '</dl>';
console.log(arr2.join("\n"));
}
var result = getTplStr(prod);
console.log(result);
</script>
代码2
3. 写一个find函数，实现下面的功能 （***）
<script>
var arr3 = ["test", 2, 1.5, false];
console.log(find(arr3, "test"));
console.log(find(arr3, 2));
console.log(find(arr3, 0));
function find(arr, val) {
var result = -1;
for(var j = 0; j < arr.length; j++) {
if(val === arr[j]) {
result = j;
}
}
return result;
}
</script>
代码3
4. 写一个函数filterNumeric，把数组 arr 中的数字过滤出来赋值给新数组newarr， 原数组arr不变 （****）
<script>
//4. 写一个函数filterNumberic，把数组 arr 中的数字过滤出来赋值给新数组newarr， 原数组arr不变 （****）
var arr4 = ["a", "b", 1, 3, 5, "b", 2];
var newarr = filterNumberic(arr4);
console.log(newarr);
function filterNumberic(arr) {
var result = [];
for(var i = 0; i < arr.length; i++) {
if(typeof arr[i] == "number") {
result.push(arr[i]);
}
}
return result;
}
</script>
```
####5. 对象obj有个className属性，里面的值为的是空格分割的字符串(和html元素的class特性类似)，写addClass、removeClass函数，有如下功能：(\*\***)
``` html
<script>
//5. 对象obj有个className属性，里面的值为的是空格分割的字符串(和html元素的class特性类似)，写addClass、removeClass函数，有如下功能：(****)
var obj = {
className: 'open menu'
}
console.log(addClass(obj, 'new'));
console.log(addClass(obj, 'open'));
console.log(addClass(obj, 'me'));
console.log(obj.className);
console.log(removeClass(obj, 'open'));
console.log(removeClass(obj, 'blabla'));
function addClass(obj, val) {
var arr5 = obj.className.split(" ");
for(var i = 0; i < arr5.length; i++) {
if(val === arr5[i]) {
return;
}
}
return obj.className += ' ' + val;
}
function removeClass(obj, val) {
var arr5 = obj.className.split(" ");
for(var i = 0; i < arr5.length; i++) {
if(val === arr5[i]) {
arr5.splice(arr5[i],1);
return arr5.join(" ");
}
}
}
</script>
代码5
6. 写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如 (***)
<script>
//6. 写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如 (***)
console.log(camelize("background-color"));
console.log(camelize("list-style-image"));
function camelize(str) {
var arr = str.split("");
for(var i = 0; i < arr.length; i++) {
if(arr[i] === "-") {
arr.splice(i,1);
}
}
return arr.join("");
}
</script>
代码6
7. 如下代码输出什么？为什么? (***)
<script>
//7. 如下代码输出什么？为什么? (***)
arr = ["a", "b"];
arr.push( function() { alert(console.log('hello hunger valley')) } );
arr[arr.length-1]()
</script>
原因是console.log的返回值是undefined，所以立即执行的函数表达式执行结果为弹窗undefined。
8. 写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字。要求在原数组上操作 (****)
<script>
//8. 写一个函数filterNumericInPlace，过滤数组中的数字，删除非数字。要求在原数组上操作 (****)
arr8 = ["a", "b", 1, 3, 4, 5, "b", 2];
filterNumericInPlace(arr8);
console.log(arr8);
function filterNumericInPlace(arr) {
for(var i = 0; i < arr.length; i++) {
if(typeof arr[i] !== "number") {
arr.splice(i,1);
i--;
}
}
}
</script>
代码8
9. 写一个ageSort函数实现数组中对象按age从小到大排序 （***）
<script>
//9. 写一个ageSort函数实现数组中对象按age从小到大排序 （***）
var john = {
name: "John Smith",
age: 23
};
var mary = {
name: "Mary Key",
age: 18
};
var bob = {
name: "Bob-small",
age: 6
};
var people = [john, mary, bob ];
ageSort(people);
console.log(people);
function ageSort(arr) {
arr.sort(function(a, b) {
return a.age - b.age;
})
}
</script>
代码9
10. 写一个filter(arr, func) 函数用于过滤数组，接受两个参数，第一个是要处理的数组，第二个参数是回调函数(回调函数遍历接受每一个数组元素，当函数返回true时保留该元素，否则删除该元素)。实现如下功能： （****）
<script>
//10. 写一个filter(arr, func) 函数用于过滤数组，接受两个参数，第一个是要处理的数组，第二个参数是回调函数(回调函数遍历接受每一个数组元素，当函数返回true时保留该元素，否则删除该元素)。实现如下功能： （****）
function isNumeric(el) {
return typeof el === 'number';
}
var arr10 = ["a", "b", 3, 4, true, -1, 2, "b"];
console.log(arr10 = filter(arr10, isNumeric));
console.log(arr10 = filter(arr10, function(val) {
return typeof val === "number" && val > 0
}));
function filter(arr, fn) {
for(var i = 0; i < arr.length; i++) {
if(!fn(arr[i])) {
arr.splice(i,1);
i--;
}
}
return arr;
}
</script>
代码10
字符串
11. 写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>task-18-string</title>
</head>
<body>
<script>
//1. 写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
console.log(ucFirst("hunger"));
function ucFirst(str) {
return str.replace(str[0], str.substr(0, 1).toUpperCase());
}
</script>
</body>
</html>
代码11
12. 写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如 （****）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>task-18-string</title>
</head>
<body>
<script>
//2. 写一个函数truncate(str, maxlength), 如果str的长度大于maxlength，会把str截断到maxlength长，并加上...，如 （****）
console.log(truncate("hello, this is hunger valley,", 10));
console.log(truncate("hello world", 20));
function truncate(str, maxlength) {
var newstr = "";
if(str.length > maxlength) {
newstr = str.substr(0, maxlength) + "...";
} else {
newstr = str;
}
return newstr;
}
</script>
</body>
</html>
代码12
数学函数
13. 写一个函数，获取从min到max之间的随机整数，包括min不包括max （***）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
// 1. 写一个函数，获取从min到max之间的随机整数，包括min不包括max （***）
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
for(var i = 0; i < 10; i++) {
console.log(getRandomInt(4,7));
}
</script>
</body>
</html>
代码13
14. 写一个函数，获取从min都max之间的随机整数，包括min包括max （***）
<script>
function getRandomInt_2(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
for(var i = 0; i < 10; i++) {
console.log(getRandomInt_2(4,7));
}
</script>
代码14
15. 写一个函数，获取一个随机数组，数组中元素为长度为len，最小值为min，最大值为max(包括)的随机整数 （***）
<script>
function randomArr(len, min, max) {
var arr = [];
for(var i = 0; i < len; i++) {
arr[i] = Math.floor(Math.random() * (max - min +1)) + min;
}
return arr;
}
console.log(randomArr(5, 2, 6));
</script>
代码15
16. 写一个函数，生成一个长度为 n 的随机字符串，字符串字符的取值范围包括0到9，a到 z，A到Z。
<script>
//4. 写一个函数，生成一个长度为 n 的随机字符串，字符串字符的取值范围包括0到9，a到 z，A到Z。
function getRandStr(len) {
var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
newstr = "";
for(var i = 0; i < len; i++) {
newstr += str[Math.floor(Math.random() * str.length)];
}
return newstr;
}
var str = getRandStr(10);
console.log(str);
</script>
代码16
代码地址： 代码
本文归本人和饥人谷所有，转载请注明来源，谢谢
