美文网首页
Javascript:数组,字符串,函数

Javascript:数组,字符串,函数

作者: INTERNALENVY | 来源:发表于2016-06-24 11:48 被阅读18次

1.数组方法里push、pop、shift、unshift、join、split分别是什么作用。

  • push用于向数组尾部推入一个元素
  • pop用于从数组尾部删除一个元素
  • shift用于删除第一个元素
  • unshift用于加入第一个元素
  • join用于使用固定字符连接
  • split用于按固定字符串分割

2.用 splice 实现 push、pop、shift、unshift方法

<pre>
//push
function pushS(arr,val){
splice(arr.length,0,val);
return arr.length;
}
//pop
function popS(arr){
return splice(arr.length,1)[0];
}
//shift
function shiftS(arr){
return splice(0,1)[0];
}
//unshift
function unshiftS(arr,val){
splice(0,1,val);
return arr.length;
}
</pre>

3.使用数组拼接出如下字符串

<p>这道题卡了很久,不知道chrome抽哪门子疯。。。。刚开始一直说missing ) after argument list,吧同学的代码放上去也是这个德行,后来网上说是转义字符的问题,所以改了一下带引号的语法,之后又一直说函数未被定义,调了半天bug,把别人的一个一个抄过来还是不好使,最后重启好使了。。。呵呵</p>
<pre>
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']};</br>
function get2(data){
var arr=[ ];
arr.push('<dl class="product">');
arr.push('<dt>' +data.name+ '</dt>');
for ( var i =0;i<data.styles.length;i++){
arr.push('<dd>' +data.styles[i]+ '</dd>');
};
arr.push('</dl>');
return arr.join('');
}</br>
var result = getTplStr(prod); //result为下面的字符串
<dl class="product">
<dt>女装</dt> <dd>短款</dd> <dd>冬季</dd> <dd>春装</dd></dl>
</pre>

4.写一个find函数,实现下面的功能

<pre>
var arr = [ "test", 2, 1.5, false ]
find(arr, "test") // 0
find(arr, 2) // 1
find(arr, 0) // -1
</pre>
<pre>
function find(arr,str){
var i = arr.indexOf(str);
return i;
}
</pre>

5.写一个函数filterNumeric,实现如下功能

<pre>
arr = ["a", 1,3,5, "b", 2];
newarr = filterNumeric(arr); // [1,3,5,2]
</pre>

<pre>
function filterNum(arr){
var store = [];
for(var i=0; i < arr.length;i++){
if(typeof arr[i] == "number"){
store.push(arr[i]);
};
}
return store;
}
</pre>

6.对象obj有个className属性,里面的值为的是空格分割的字符串(和html元素的class特性类似),写addClass、removeClass函数,有如下功能:

<pre>
var obj = {
className: 'open menu'}
addClass(obj, 'new')// obj.className='open menu new'
addClass(obj, 'open') // 因为open已经存在,此操作无任何办法
addClass(obj, 'me') //obj.className='open menu new me'
console.log(obj.className)// "open menu new me"
removeClass(obj, 'open') // obj.className='menu new me'
removeClass(obj, 'blabla') // 不变
</pre>
<pre>
function addClass(arr,str){
var store=arr.className.split(' ');

   for(var i = 0; i < store.length; i++){
         if (str === store[i]){
                break;
 }else{
         store.push(str);

         break;
         }
 }

   return arr.className = store.join(' ');
 }

</pre>
<pre>
function removeClass(arr,str){
var store=arr.className.split(' ');
for (var i =0; i < store.length;i++){
if(str == store[i]){
store.splice(i,1);
}
}
return arr.className = store.join(' ');
}
</pre>

7.写一个camelize函数,把my-short-string形式的字符串转化成myShortStrin形式的字符串,如

<pre>
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
</pre>

<pre>
function camelize(str){
var arr,arr2,arr3;
arr = str.split('-');
if (arr.length>1) {
for (var i = 1; i < arr.length; i++) {
arr2 = arr[i].split('');
arr2.splice(0,1,arr2[0].toUpperCase());
arr3 = arr2.join('');
arr[i] = arr3;
}
}
return arr.join('');
}
</pre>

8.如下代码输出什么?为什么?

<pre>
arr = ["a", "b"];
arr.push( function() { alert(console.log('hello hunger valley')) } );
arr [arr.length-1] () // ?
</pre>
<pre>
arr = ["a", "b"];

arr.push( function() { alert(console.log('hello hunger valley')) } ); //将函数添加到arr数组最后一个。

arr [arr.length-1] () // 调用数组最后一个元素然后立即执行。 弹窗undefined 输出 " hello hunger valley "
</pre>

9.写一个函数filterNumericInPlace,过滤数组中的数字,删除非数字

<pre>
arr = ["a", 1,3,4,5, "b", 2];
//对原数组进行操作,不需要返回值filterNumericInPlace(arr);
console.log(arr)// [1,3,4,5,2]
</pre>
<pre>
function filterNum2(arr){
for(var i=0; i < arr.length;i++){
if(typeof arr[i] != "number"){
arr.splice(i,1);
}
}
}
</pre>

10.写一个ageSort函数实现如下功能

<p>参考了排序函数的写法,这个只返回了全部姓名,没有只返回名字</p>
<pre>
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 ]
</pre>
<pre>
function ageSort(arr){
var store =[];
arr.sort(function(a,b){
return a.age - b.age;
})
for (var i=0;i < arr.length;i++){
store.push(arr[i].name);
}
return store;
}

</pre>

11.写一个filter(arr, func) 函数用于过滤数组,接受两个参数,第一个是要处理的数组,第二个参数是回调函数(回调函数遍历接受每一个数组元素,当函数返回true时保留该元素,否则删除该元素)。

<pre>
function filter(arr,fuc){
var store=[];
for(var i=0;i < arr.length;i++){
if (fuc(arr[i]) == true){
store.push(arr[i]);
}
}
return store;
}
</pre>

12.写一个 ucFirst函数,返回第一个字母为大写的字符

<pre>
function ucF(arr){
return arr.replace(arr[0],arr[0].toUpperCase());
}
</pre>

13.写一个函数truncate(str, maxlength), 如果str的长度大于maxlength,会把str截断到maxlength长,并加上...

<pre>
function turncate(str,val){
var store=[];
if(val < str.length){
store=str.slice(0,val);
store +="...";
}else{
store=str;
}
return store;
}
</pre>

14.写一个函数limit2,保留数字小数点后两位,四舍五入

<pre>
function limit2(val){
return Math.round(val*100)/100;
}
</pre>

15.写一个函数,获取从min到max之间的随机数,包括min不包括max

<pre>
function ran1(min,max){
return Math.random()*(max-min)+min;
}
</pre>

16.一个函数,获取从min都max之间的随机整数,包括min包括max

<p>很多人这么写,但是感觉这个已经超过max了,不符合要求,是不是应该再增加一个判断语句,大于max的不输出?有人用floor但是题目里没有说输出的是整数呀,如何保证在输出浮点数的情况下,也能输出max呢?</p>
<pre>
function ran2(min,max){
return Math.random()*(max-min+1)+min;
}
</pre>

17.写一个函数,获取一个随机数组,数组中元素为长度为len,最小值为min,最大值为max(包括)的随机数

<pre>
function randomArr(arrLength,min,max){
var resultArr = [];
for(var i=0;i < arrLength;i++){
resultArr.push(Math.floor(Math.random()*(max-min+1))+min)
}
return resultArr;
}
</pre>

<p>版权归INTERNALENVY和饥人谷所有,转载请注明出处</p>

相关文章

  • JavaScript 数组与字符串互相转化

    数组 → 字符串 使用 join() 函数将数组的每个元素连接起来 字符串 → 数组 JavaScript 中可以...

  • 创建对象有哪些方式

    JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...... 此外,JavaScript允许自...

  • javascript对象

    javascript中的所有事物都是对象 : 字符串 数值 数组 函数.... 此外, javascript允许自...

  • js-01

    对象 JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自...

  • JavaScript高级教程笔记

    1. JavaScript对象 JavaScript中所有的事物都是对象: 字符串, 数值, 数组, 函数. Ja...

  • JavaScript  学习笔记( 高级篇)

    JavaScript 对象 JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,Jav...

  • JS 对象笔记

    1.JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自...

  • JavaScript对象

    前言: 1、JavaScript中的所有事物都是对象:字符串、数值、数组、函数… 2、JavaScript 提供多...

  • js对象基础学习

    JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自定义...

  • JavaScript 面向对象

    JavaScript对象 JavaScript 中的所有事物都是对象:字符串、数值、数组、函数等,此外,JavaS...

网友评论

      本文标题:Javascript:数组,字符串,函数

      本文链接:https://www.haomeiwen.com/subject/ylmndttx.html