一.數(shù)組方法里push、pop、shift、unshift、join、split分別是什么作用？
1.push
push（）方法可以接收任意數(shù)量的參數(shù)，把它們逐個添加到數(shù)組末尾，并返回修改后數(shù)組的長度
var arr = new Array(3)
arr[0] = "today"
arr[1] = "is"
arr[2] = "sunday"
document.write(arr+"<br/>")
document.write(arr.push("ok")+"<br/>")
document.write(arr)
//運行結果
today,is,sunday
4
today,is,sunday,ok
2.pop
pop（）方法從數(shù)組末尾移除最后一項，減少數(shù)組的length值，然后返回移除的項
var arr = new Array(3)
arr[0] = "today"
arr[1] = "is"
arr[2] = "sunday"
document.write(arr+"<br/>")
document.write(arr.pop()+"<br/>")
document.write(arr+"<br/>")
//運行結果
today,is,sunday
sunday
today,is
3.shift
shift（）方法移除數(shù)組中的第一個項并返回該項，同時將數(shù)組長度減1
var arr = new Array(3)
arr[0] = "today"
arr[1] = "is"
arr[2] = "sunday"
document.write(arr+"<br/>")
document.write(arr.shift()+"<br/>")
document.write(arr+"<br/>")
//運行結果
today,is,sunday
today
is,sunday
4.unshift
unshift（）方法在數(shù)組前端添加任意個項并返回新數(shù)組的長度
var arr = new Array(3)
arr[0] = "today"
arr[1] = "is"
arr[2] = "sunday"
document.write(arr+"<br/>")
document.write(arr.unshift("ok")+"<br/>")
document.write(arr+"<br/>")
//運行結果
today,is,sunday
4
ok,today,is,sunday
5.join
jion（）方法用于把數(shù)組中的所有元素放入一個字符串，元素通過指定的分隔符進行分隔，返回得到的新的字符串
var arr = [1,22,3,46,5];
document.write(arr.join("")+"<br/>");
document.write(arr.join(" ")+"<br/>");
document.write(arr.join("||")+"<br/>");
//運行結果
1223465
1 22 3 46 5
1||22||3||46||5
6.split
split（）方法用于把一個字符串分割成字符串數(shù)組，該方法返回分割后新的字符串數(shù)組
<script>
var str = "today is sunday"
document.write(str.split(" ")+"<br/>")
document.write(str.split("")+"<br/>")
document.write(str.split(" ",3))
</script>
//運行結果
today,is,sunday
t,o,d,a,y, ,i,s, ,s,u,n,d,a,y
today,is,sunday
代碼
數(shù)組
// 用 splice 實現(xiàn) push
var myArray = new Array(1, 2, 3, 4, 5, 6);
function push(arr, val) {
arr.splice(arr.length, 0, val);
return arr.length;
}
push(myArray, 3);
// 用 splice 實現(xiàn)pop
var myArray = new Array(1, 2, 3, 4, 5, 6);
function pop(arr) {
var val = arr.splice(arr.length - 1, 1);
return val;
}
pop(myArray);
// 用 splice 實現(xiàn)shift
var myArray = new Array(1, 2, 3, 4, 5, 6);
function shift(arr) {
var val = arr.splice(0, 1);
return val;
}
shift(myArray);
// 用 splice 實現(xiàn)unshift方法
var myArray = new Array(1, 2, 3, 4, 5, 6);
function unshift(arr, val) {
arr.splice(0, 0, val);
return arr.length;
}
unshift(myArray, 3);
//使用數(shù)組拼接出如下字符串 （***）
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data) {
var myarr = new Array();
myarr[0] = '<dl class="product">';
myarr[1] = "<dt>" + data.name + "<dt>";
for (var i = 0; i < data.styles.length; i++) {
myarr[i + 2] = '<dd>' + data.styles[i] + '</dd>';
};
myarr[myarr.length] = '</dl>';
return myarr.join("\n");
};
var result = getTpl(prod);
console.log(result);
//寫一個find函數(shù)，實現(xiàn)下面的功能 （***）
var arr = ["test", 2, 1.5, false]
find(arr, "test") // 0
find(arr, 2) // 1
find(arr, 0) // -1
function find(arr, val) {
var result = -1;
for (var i = 0; i < arr.length; i++) {
if (val === arr[i]) {
result = i;
}
}
return result;
}
//寫一個函數(shù)filterNumeric，把數(shù)組 arr 中的數(shù)字過濾出來賦值給新數(shù)組newarr， 原數(shù)組arr不變 （****）
function filterNumeric(arr) {
var newarr = [];
for (var i = 0, j = 0; i < arr.length; i++) {
if (typeof arr[i] === 'number') {
newarr[j] = arr[i];
j++;
}
}
return newarr;
}
arr = ["a", "b", 1, 3, 5, "b", 2];
newarr = filterNumeric(arr); // [1,3,5,2]
console.log(newarr);
//對象obj有個className屬性，里面的值為的是空格分割的字符串(和html元素的class特性類似)，寫addClass、removeClass函數(shù)，有如下功能：(****)
var obj = {
className: 'open menu'
}
function addClass(obj, val) {
var myarr = obj.className.split(' ');
for (var i = 0; i < myarr.length; i++) {
if (val === myarr[i]) {
return;
}
}
return obj.className += ' ' + val;
}
function removeClass(obj, val) {
var myarr = obj.className.split(' ');
for (var i = 0; i < myarr.length; i++) {
if (val === myarr[i]) {
myarr.splice(myarr[i], 1);
return myarr.join(' ');
}
}
}
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'));
//寫一個camelize函數(shù)，把my-short-string形式的字符串轉化成myShortString形式的字符串，如 (***)
function camelize(str) {
var myarr = str.split('');
for (var i = 0; i < myarr.length; i++) {
if (myarr[i] === '-') {
myarr[i + 1].toUpperCase();
myarr.splice(i, 1);
i--;
}
}
return myarr.join('');
}
console.log(camelize("background-color"));
console.log(camelize("list-style-image"));
//如下代碼輸出什么？為什么? (***)
//網(wǎng)頁彈出窗口顯示undefined，控制臺打印出hello hunger valley
arr = ["a", "b"];//定義一個數(shù)組
arr.push(function() {
alert(console.log('hello hunger valley'))
});//在數(shù)組末端添加函數(shù)
arr[arr.length - 1]() /*顯示數(shù)組最后一個元素，即function() {
alert(console.log('hello hunger valley'))，并執(zhí)行*/
})
//寫一個函數(shù)filterNumericInPlace，過濾數(shù)組中的數(shù)字，刪除非數(shù)字。要求在原數(shù)組上操作 (****)
function filterNumericInPlace(arr) {
for (var i = 0; i < arr.length; i++) {
if (typeof arr[i] !== 'number') {
arr.splice(i, 1);
i--;
}
}
}
arr = ["a", "b", 1, 3, 4, 5, "b", 2];
filterNumericInPlace(arr);
console.log(arr) // [1,3,4,5,2]
//寫一個ageSort函數(shù)實現(xiàn)數(shù)組中對象按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); // [ bob, mary, john ]
console.log(people)
function ageSort(myarr) {
myarr.sort(function sortNum(a, b) {
return a.age - b.age ;
})
}
//寫一個filter(arr, func) 函數(shù)用于過濾數(shù)組，接受兩個參數(shù)，第一個是要處理的數(shù)組，第二個參數(shù)是回調函數(shù)(回調函數(shù)遍歷接受每一個數(shù)組元素，當函數(shù)返回true時保留該元素，否則刪除該元素)。實現(xiàn)如下功能： （****）
arr = ["a", 3, 4, true, -1, 2, "b"]
function isNumeric(el) {
return typeof el === 'number';
}
arr = filter(arr, isNumeric); // arr = [3,4,-1, 2], 過濾出數(shù)字
arr = filter(arr, function(val) {
return typeof val === "number" && val > 0
}); // arr = [3,4,2] 過濾出大于0的整數(shù)
function filter(arr, func) {
for (var i = arr.length - 1; i >= 0; i--) {
if (!func(arr[i])) { //abc(arr[i]) // true fasle
arr.splice(i, 1);
}
}
return arr;
}
字符串
//寫一個 ucFirst函數(shù)，返回第一個字母為大寫的字符 （***）
function ucFirst(str){
return str[0].toUpperCase() + str.substr(1);
}
//寫一個函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如 （****）
function truncate(str, maxlength) {
if (str.length > maxlength) {
return str.substr(0, maxlength) + "...";
} else {
return str;
}
}
console.log(truncate("hello, this is hunger valley,", 10));
console.log(truncate("hello world", 20)) ;
數(shù)學函數(shù)
//寫一個函數(shù)，獲取從min到max之間的隨機整數(shù)，包括min不包括max （***）
function getRand1(min, max) {
return min + Math.floor(Math.random() * (max - min));
}
for (var i = 0; i < 10; i++) {
console.log(getRand1(12, 22));
}
//寫一個函數(shù)，獲取從min都max之間的隨機整數(shù)，包括min包括max
function getRand2(min, max) {
return min + Math.floor(Math.random() * (max - min + 1));
}
for (var i = 0; i < 10; i++) {
console.log(getRand2(14, 28));
}
//獲取一個隨機數(shù)組，數(shù)組中元素為長度為len，最小值為min，最大值為max(包括)的隨機數(shù)
function getRand3(len, min, max) {
var arr = [];
for (var i = 0; i < len; i++) {
arr[i] = min + Math.floor(Math.random() * (max - min + 1));
}
return arr;
}
console.log(getRand3(4, 8, 16));
//寫一個函數(shù)，生成一個長度為 n 的隨機字符串，字符串字符的取值范圍包括0到9，a到 z，A到Z
function getRand4(len) {
var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
myStr = '';
for (var i = 0; i < len; i++) {
myStr += str[Math.floor(Math.random() * str.length)];
}
return myStr;
}
var str = getRand4(10);
console.log(str);
